我想做的事:

.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/

10-11 06:06