jQuery $。複数のdiv名を持つ

Question

こんにちは、次の問題 ループ内の各divのid属性文字列が必要です。ここで

<div id="3r23r32_ProgressBar" class="upload-progress-bar"></div> 
<div id="gfdgfdgfd_ProgressBar" class="upload-progress-bar"></div> 

は何も-.-

$.each("div.upload-progress-bar", function (index,value) { 

    alert(index); 

    $('#' + value + 'ProgressBar').animate({ 
     'width': 10 + '%' 
    }, 250).animate({ 
     'width': 25 + '%' 
    }, 250).animate({ 
     'width': 65 + '%' 
    }, 250).animate({ 
     'width': 95 + '%' 
    }, 250).animate({ 
     'width': 100 + '%' 
    }, 250); 
}); 

Answer 1

valuetryを使用して、この

$("div.upload-progress-bar").each(function (index,elem) { 

    var value = $(elem).attr("id"); // try elem.id, i guess that would work too 

    $('#' + value).animate({ // you must remove ProgressBar it is included in the value variable 
     'width': 10 + '%' 
    }, 250).animate({ 
     'width': 25 + '%' 
    }, 250).animate({ 
     'width': 65 + '%' 
    }, 250).animate({ 
     'width': 95 + '%' 
    }, 250).animate({ 
     'width': 100 + '%' 
    }, 250); 
}); 

Answer 2

this.id 

はあなたの現在の要素のid属性のテキストを取得しませんし、私のサンプルjqueryのコードです。適切な.each()の

例...

$("div.upload-progress-bar").each(function (index,value) { 
    alert(this.id); 
}); 

は、おそらくあなたのユースケースを助ける答えをDarhazer's Answerを参照してください。

Answer 3

これを試してみてください：コールバック関数で

$("div.upload-progress-bar").each(function (index,value) { 

    alert($(this).attr("id")); 

    $('#' + value + 'ProgressBar').animate({ 
     'width': 10 + '%' 
    }, 250).animate({ 
     'width': 25 + '%' 
    }, 250).animate({ 
     'width': 65 + '%' 
    }, 250).animate({ 
     'width': 95 + '%' 
    }, 250).animate({ 
     'width': 100 + '%' 
    }, 250); 
}); 

Answer 4

、あなたが要素をアニメーション化するために、まったくIDを必要としないのでthisは、あなたがトラフをループしている各要素を指します。ただ、$(this).animate(

を呼び出すしかし、div要素の谷反復処理するために、あなたはあなたは$(...).eachをしたい$("div.upload-progress-bar").each(function(

Answer 5

使用する必要はありませ$.each

あなたが実際にidのを必要とするようにそれはまた私には見えません。すべて - this

$("div.upload-progress-bar").each(function (index,value) { 
    //use `this` and `this.id` if you _really_ need the id 
    $(this).animate(
     //... 
    ) 
});