jquery - If Else 语句 jQuery

Question

我想做的事：

当只有一个人.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

Answer 1

.each在您的代码中使用：

$('.bx-pager').each(function() {
    var count = $(".bx-pager-item", this).length;
    $(this).css("display", (count < 2) ? "none" : "block");
});

jsFiddle

Answer 2

您需要遍历所有.bx-pager元素并检查.bx-pager-item每次迭代中的元素数量。

$('.bx-pager').each(function() {
    $(this).css("display", $(".bx-pager-item", this).length < 2 ? "none" : "block");
});

更新小提琴

Answer 3

在这里工作小提琴：http: //jsfiddle.net/rGs4t/1/

在寻呼机上使用 each 将为您执行此操作。

JS：

$(".bx-pager").each(function (index, pager) {
    var n = $(".bx-pager-item", pager).length;
    $(pager).css("display", (n < 2) ? "none" : "block");

});

Answer 4

你可以这样做：

$('.bx-pager').each(function () {
    $(this)[($('.bx-pager-item', this).length < 2) ? 'hide' : 'show']();
});