javascript - jQueryはdivをカウントし、20の後にクラスを追加します

Question

jQuery を使用して div をカウントしていますが、20 カウントしたらクラスを追加したいと考えています。つまり、div 1 ～ 20 は class="box" であり、div 21 + は class="box new" です。

これは私が持っているものですが、すべての div に「新しい」クラスを追加します。

$(function() { 
    var divCount = $("#content").children(".box").length; 

    if (divCount > 20) { 
        $(".box").addClass("new"); 
    } 
});

score 7 · Accepted Answer

7

$(".box:gt(20)").addClass("new");

于 2013-09-06T18:24:12.510 に答える

score 0 · Accepted Answer

このようなものが動作するはずです：

var i = 0;
$("#content").children(".box").each(function(i, k) {
   if(++i > 20) $(k).addClass("new");
});

また

$("#content").children(".box").each(function(i, k) {
   if($(k).is(":gt(20)")) $(k).addClass("new");
});

score 0 · Accepted Answer

コードが次のように記述されていることを考慮してください 。20 個を超えるボックスがある場合は、クラス 'box' を持つすべての div にクラス 'new' を追加します。これで、すべてのボックスが選択されました。

この場合、:gt()セレクターの使用をお勧めします: gt-selector - jQuery

したがって：

$(function() { 
    $(".box:gt(20)").addClass("new"); 
});

どのセレクターを使用すればよいかわからない場合は、このチートシートを使用できます: Oscar Otero jQuery Cheatsheet

5 に答える 5