我想做的事:
当.bx-pager-item
中只有一个.bx-pager
时,我想隐藏.bx-pager
。
如果还有更多,我想显示.bx-pager
我写了这个简写函数:
var n = $(".bx-pager-item").length;
$(".bx-pager").css("display", (n < 2) ? "none" : "block");
当我的页面上只有一个
.bx-pager
,但我想添加更多内容时,这种方法效果很好。当我这样做时,它将不再起作用。有什么建议么?JSFiddle
最佳答案
您需要遍历所有.bx-pager
元素,并在每次迭代中检查.bx-pager-item
元素的数量。
$('.bx-pager').each(function() {
$(this).css("display", $(".bx-pager-item", this).length < 2 ? "none" : "block");
});
Update fiddle
关于jquery - 如果其他语句jQuery,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19632637/