如何使用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行:当按钮获得clicked.
• line时，我定义一个单击处理程序2:我从文本框内获取文本，我使用getElementById来避免使用jQuery处理简单的
• 第3行的开销:我循环遍历列表中的每一项。
• 第4行:如果textbox中的字符串等于选项中的文本：
• 第5行，则更改列表选项的css属性。

<

• >F220

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

Answer 2

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

 addClass("myClass yourClass");

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