jquery - If Else ステートメント jQuery

Question

私がしたいこと：

に 1 つしかない場合は非表示に.bx-pager-itemし.bx-pagerたい.bx-pager。もっとあったら見せたい.bx-pager

私はこの省略形の関数を書きました:

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

これは、ページに 1 つしかない場合は問題なく.bx-pager機能しますが、さらに追加したいと考えています。私がそれをすると、それはもう機能しません。助言がありますか？

JSFiddle

Answer 1

すべての要素をループして、各反復内.bx-pagerの要素の数を確認する必要があります。.bx-pager-item

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

フィドルを更新する

Answer 2

.eachあなたのコードで使用してください：

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

jsフィドル

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']();
});