如何顯示/隱藏某些div，當我有多個div具有相同的類名稱

Question

我有多個div與類名稱blueflip我想切換div link_button單擊該類的div內容。

我的代碼：

$(document).ready(function(){ 
    $('.blueflip').hide(); 
    $('.link_button').click(function() { 
     $('.blueflip').toggle(400); 
     return false; 
    }); 
}); 

它工作正常。但我的問題是，我的網頁有多個link_button和blueflip div的全部頁面。當我點擊任何一個link_button所有的blueflip div的切換。但我需要切換相應的孩子blueflip div只有

注意：該div是從數據庫動態生成的。

如何做到這一點，PLZ的幫助。任何建議將高度讚賞

Answer 1

這應該這樣做，假設.blueflip是.link_button孩子：

$(document).ready(function(){ 
    $('.blueflip').hide(); 
    $('.link_button').click(function() { 
     $(this).find('.blueflip').toggle(400); 
     return false; 
    }); 
}); 

這工作，因爲jQuery的.find()方法，它始終搜索由指定的選擇後裔父級jQuery對象。

如果.blueflip節點不是相應.link_button節點的子節點，則可能需要在對象ID中引入一些技巧。如果一切都有一個唯一的ID（即使它只是產生的DIV當增加計數器），並且可以對應.link_button ID來.blueflip標識（例如，div#lb_001對應於div#bf_001），那麼這應該工作：

$(document).ready(function(){ 
    $('.blueflip').hide(); 
    $('.link_button').click(function() { 
     $('#bf' + $(this).attr('id').substr(2)).toggle(400); 
     return false; 
    }); 
}); 

Answer 2

如果你知道頁面的結構，你將不得不走過dom樹，尋找所需的div（可能基於目前有多少div）。

http://www.quirksmode.org/dom/intro.html

http://www.howtocreate.co.uk/tutorials/javascript/dombasics