jQuery的關聯數組

Question

需要與我敢肯定的是相當容易的jQuery

我有以下的重複標記（幾個列表項）

<li> 
<div class="answer"> 
<p><select class="dropdown"> 
..options.. 
</select></p> 
</div> 
<div class="commentBox"> 
..content.. 
</div> 
</li> 

根據所選選項的值一點點幫助當頁面加載時，「commentBox」將顯示/隱藏。

我曾嘗試以下的jQuery

var dd = $('.dropdown'); 
var com = $('.commentBox'); 


dd.each(dd, function(n, val){ 
if($(this).val() == 'whatever'){ 
    com[n].setStyle('display', 'none'); 
} 
}); 

我得到一個錯誤「b.apply不是一個函數」在我的頭上，它應該如何工作

所以 - 如果它是第一個選擇下拉列表，顯示/隱藏第一個「commentBox」div。如果是第二個下拉列表，則顯示/隱藏第二個「commentBox」div。等等。

我想我已經陷入了混亂的嘗試各種jQuery技術，所以我相信這裏有幾十種可能性。 謝謝

Answer 1

你的問題是你傳遞一個額外的（第一個）參數到each。
each靜態調用時僅將該集合作爲第一個參數。
換句話說：

$.each(dd, function() { ... }); 

或

dd.each(function() { ... }); 

---

注意，可以使你的代碼更清晰，通過改變它

$(this).closest('li').find('.commentBox').hide(); 

Answer 2

當calling .each() like that，你只給它一個參數，function。

dd.each(function(n, val){ 
    if($(this).val() == 'whatever'){ 
     com[n].setStyle('display', 'none'); 
    } 
}); 

或者你也可以通過2個參數，如果你call jQuery.each like this：

$.each(dd, function(n, val){ 
    if($(this).val() == 'whatever'){ 
     com[n].setStyle('display', 'none'); 
    } 
}); 

這第二個版本是用於遍歷任何類型的集合。

你們將兩者結合起來。

---

編輯：我想我最好解釋setStyle是在OP的代碼，而不是眼前的問題的直接原因。

我無法知道OP是否使用其他方法擴展DOM元素。因此，我只能假設這種方法的安置是正確的。

Answer 3

嘗試

var dd = $('.dropdown'), 
    com = $('.commentBox'); 

dd.each(function(n, ele) { 
    if($(ele).val() == 'one') { 
     com.eq(n).css('display', 'none'); 
    } 
}); 

使用.eq(n)代替[n]後者而我得到一個jQuery對象，你可以調用css()會產生DOM節點（正如你看到的我是從setStyle切換什麼是功能反正css()）。

---

使用你結束了這個更好的可讀的代碼由Slakks建議增強

$('.dropdown').each(function(n, ele){ 
    var $ele = $(ele); 
    if ($ele.val() == "one") 
     $ele.closest('li').find('.commentBox').hide(); 
});