If Else语句 jQuery

Question

我想要做的事情：

当 .bx-pager 中只有一个 .bx-pager-item 时，我希望隐藏 .bx-pager。 当有多个时，则显示.bx-pager

我编写了这个简短的函数：

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

这在页面上只有一个.bx-pager时可以正常工作，但是当我添加更多时就无法工作了。有什么建议吗？ JSFiddle

- user2310429

Answer 1

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

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

更新 fiddle

- Rory McCrossan

Answer 2

在你的代码中使用.each：

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

jsFiddle

{{链接1：jsFiddle}}

- Mohsen Safari

Answer 3

这里有一个可用的 fiddle：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");

});

- Rob Schmuecker

Answer 4

你可以这样做：

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

- palaѕн