jQuery each（）を使用して選択リストの各項目（オプション）を変更できますか？この選択リストを考えると

Question

は：

<select id="my_list"> 
    <option value="one">One</option> 
    <option value="two">Two</option> 
    <option value="three">Three</option> 
</select> 

私は、オプションの各項目を反復処理し、それが無効に変わりは私の各（）文の特定の条件が満たされたときというのjQueryをしたいと思います。

私は（単なるテストとして）これをしようとしている：

$('#my_list').each(function(){ 
    alert('test'); 
    if($(this).val()=='two')){ 
     $(this).css('background-color':'gray','padding':'10px'); 
    } 
}); 

しかし、警告はオプションリストの値の上に私にその反復を伝えるために発射することはありません。

Answer 1

最初の問題はyou need a # in your selectorことです：

$('#my_list'); 

第二は、あなたがthe option elementsを選択する必要があることselectではありません。

$('#my_list option') 

第三の問題は、あなたが確実なスタイルではないということですとにかくoptionとselect要素です。あなたがvalue check into the selectorを置くことによって、上記のコードを達成できる

---

NB：ここでは、物事の

が

$('#my_list option[value="two"]').css(...); 

Answer 2

カップル。これはidがmy_listの要素と一致せず、オプションには一致しません。これが行われます。

$("#my_list").children() 

は、それらを非表示にするには、次のようなものを試してみてください：

$("#my_list").children().each(function() {$(this).wrap("<span>").hide();}); 

そして-隠すアンすべてに以下：あなたがアクセス権を持っている。そこから

$('#my_list span').each(
    function() { 
     var opt = $(this).find("option").show(); 
     $(this).replaceWith(opt); 
    } 
); 

Answer 3

$('my_list span').each(function(i,item){...} 

iを介してインクリメントするか、$（this）を冗長で不要にする必要があります。