如何使用jquery或javascript更改文本颜色

Question

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

我喜欢和jquery一起工作 我喜欢使用javascript

当我点击按钮时，当我在文本框中输入爱时，我有文本框和按钮我需要循环显示此列表框以找到文本爱并更改该爱文本颜色？变黄了。

感谢

Answer 1

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

所以，如果我理解你的问题，你的页面上有3个互动元素：

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

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

$("#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进行简单的操作
• 第3行：我遍历列表中的每个项目。
• 第4行：如果文本框中的字符串等于选项内的文本：
• 第5行，更改列表选项的css属性。

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

Answer 2

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

 addClass("myClass yourClass");

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