如何使用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/