我有这个 HTML:
<div id="container">
<div class="boxes">first box</div>
<div class="boxes">second box</div>
<div class="boxes">third box</div>
</div>
<a href="jquery">Show me next box</a>
考虑最初只有第一个框可见。当我单击“显示下一个框”时,我希望隐藏当前可见的框,并显示列表中的下一个 .boxes
。
我认为它唯一接近的是 .each
函数,但我认为我不应该循环遍历所有 div
只是为了显示一个。
最佳答案
$('a').click(function() {
var visibleBox = $('#container .boxes:visible');
visibleBox.hide();
var nextToShow = $(visibleBox).next('.boxes:hidden');
if (nextToShow.length > 0) {
nextToShow.show();
} else {
$('#container .boxes:hidden:first').show();
}
return false;
});
关于javascript - 循环div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6003060/