If-Else语句jQuery

我想做的是：

当

.bx pager

中只有一个

.bx pager项目时，我想隐藏
.bx pager
。
当有更多时，我想显示
.bx寻呼机

我编写了这个速记函数：

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

var n=$（“.bx寻呼机项”）.length；
$（“.bx pager”）.css（“显示”，n<2）？“无”：“块”）；

当我的页面上只有一个
.bx pager
时，这很好，但我想添加更多。当我这么做的时候，它就不起作用了。有什么建议吗

您需要遍历所有
.bx pager
元素，并检查每个迭代中
.bx pager项的数量

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

$（'.bx pager'）。每个（函数（）{
$（this）.css（“显示“，$”（.bx寻呼机项），this）.length<2？“无”：“块”）；
});

使用
。代码中的每个
：

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

$（'.bx pager'）。每个（函数（）{
var count=$（“.bx寻呼机项”，this）.length；
$（this.css（“显示”，“计数<2”）“无”：“块”）；
});

这里的工作小提琴：

在寻呼机上使用each将为您实现这一点

JS:

$（“.bx寻呼机”）。每个（函数（索引，寻呼机）{
var n=$（“.bx寻呼机项目”，寻呼机）.length；
$（pager）.css（“显示”，n<2）？“无”：“块”）；
});
您可以执行以下操作：

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

$（'.bx寻呼机'）。每个（函数（）{
$（this）[（$（'.bx寻呼机项'，this）.length<2）？“hide'：“show']）；
});
适合我。谢谢你的解决方案@YannickL没问题，很乐意帮忙。
$('.bx-pager').each(function () {
    $(this)[($('.bx-pager-item', this).length < 2) ? 'hide' : 'show']();
});