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()。