jquery - .eachに基づいてjQuery値を増やす方法

Question

私はスニペットを持っています：

 $(document).ready(function(){
    $('.imgtlist').each(function(index) {
        $('#slide_box').attr('width', + 135);
    });
});

基本的に、ロード時に、クラスを持つノードの数をカウント.imgtlistし、の幅属性に135を追加します#slide_box。

各ループの変数を定義してから、その数に基づいて増やす必要があり.imgtlistますか？

score 3 · Accepted Answer

これを試して：

$("#slide_box").width($("#slide_box").width() + 135 * $(".imgtlist").length);

これにより#slide_box、の幅が135*.imgtlist要素の数だけ増加します。

score 0 · Accepted Answer

このスニペットは、子要素を反復処理せずにそれを実行する必要があります。

親要素のメソッドを使用しwidth()て、width属性を検索する必要がないようにすることもできます。

$(document).ready(function(){
  $('#slide_box').width($('.imgtlist').length * 135);
});

score 0 · Accepted Answer

それぞれのステートメントが必要だとは思わないでください。やってみませんか

var number = $('.imgtlist').length * 135;

$('#slide_box').attr('width', number);

これにより、アイテムの数が取得され、各ステートメントの数である135倍になります。次に、attrを1回だけ適用します。

score 0 · Accepted Answer

関数をパラメーターとして渡すと、width引数として古いものが取得されます。

$('#slide_box').width(function(i, width) {
    return width+ 135 * $(".imgtlist").length;
});

4 に答える 4