如何使用jQuery或JavaScript更改文本颜色

Question

我在列表框中有两个项目（行）

我喜欢使用jQuery，我喜欢使用JavaScript

当我单击按钮时在文本框中输入爱时，我有文本框和按钮。我需要循环抛出此列表框以查找爱文本并更改该爱文本的颜色？ 变黄。

谢谢

Answer 1

首先，jQuery是javascript，它是用javascript编写的库。

因此，如果我了解您的问题，则页面上将包含3个交互式元素：

• 包含单词列表的列表框
• 供用户输入单词的文本字段
• 用户编写文本时单击的按钮。

并且您希望该选项在用户单击按钮时更改颜色。 此代码将是这样的：

$("#mybutton").click(function(){
  var text = document.getElementById("mytextinput").value
  $("#lstCodelist option").each(function (){
   if(this.text()===text)
      this.css('color':'yellow');
  });

});

这是发生了什么：

• 第1行：点击按钮时，我定义了一个点击处理程序。
• 第2行：我从文本框中获取了文本，我使用了getElementById来避免使用jQuery做一些简单的事情的开销
• 第三行：我遍历列表中的每个项目。
• 第4行：如果文本框中的字符串等于选项中的文本：
• 第5行，更改list选项的css属性。

所以不，这不会影响文本，它只会编辑CSS。

Answer 2

要更改文本框颜色，可以将class添加到元素

 addClass("myClass yourClass");

http://api.jquery.com/addClass/