Question

我通過API調用將圖像和圖像標題加載到DOM

var html = ''; 
var i=0, length=data.length, image; 
for(; i<length; i++) { 
html += '<li>'; 
html += '<div class="holder">'; 
html += '<div class="image"><img src="/path/to/image.jpg"></div>'; 
html += '<div class="imgTitle">Image title</div>'; 
html += '</div>'; 
html += '</li>'; 
} 

$('#images').append(html); 

我將此限制爲10，然後點擊按鈕加載下一個10.標準的東西。

現在，在不同的按鈕，點擊我要隱藏的文本，並只顯示圖片，或者點擊重新打開，所以像

$('#txtHide').click(function() { 
    $('.imgTitle').toggle(); 
}); 

這對於第一套圖像的偉大工程，但我需要保持所有將來追加到DOM的狀態，這可能嗎？

因此，接下來的10個圖像被加載並且DOM知道當前狀態，例如類.imgTitle是隱藏的，未來所有點擊切換按鈕都會影響DOM中的所有div。

Answer 1

除了切換個別圖像之外，您還可以在#images中添加一個類，並在該類存在時使用CSS隱藏其中的所有.imgTitle。

然後，您可以簡單地撥打.toggleClass()。