edit spanを使用してjquery

Question

私は複数の子供のdivを持つdivがあります。子供たちの内部にはテーブルがあります。そのテーブルには、jqueryを使用して編集する必要がある2つのスパンテーブルがあります。多分各セレクターか何か。

 <div class="slides"> 
    <div class="Slide1><table><tr><td><span class="span1"></span><span id="span2"></span></td></tr></table></div> 
    <div class="Slide2><table><tr><td><span class="span1"></span><span id="span2"></span></td></tr></table></div> 
</div> 

それぞれのdivに入るには、span1とspan2を編集します。スパン1に反復番号を付け、span2にスライドの合計サイズを加えます。何か助けてくれてありがとう。

Answer 1

最初に、あなたのIDとクラスが正しく設定されていません。あなたは、同じIDを2つ持つことはできません。

<div class="Slide1><table><tr><td><span class="span1"></span><span id="span1"></span></td></tr></table></div> 
    <div class="Slide2><table><tr><td><span class="span2"></span><span id="span2"></span></td></tr></table></div> 

ので選択し、使用する各一つにテキストを配置する：

$('#span1').text("whatever you want in there"); 
$('.span1').text("whatever you want in there"); 
$('#span2').text("whatever you want in there"); 
$('.span2').text("whatever you want in there"); 

Answer 2

function SetupNumberPictureCounter() { 
    $('.span1').each(function (index) { 
     $(this).html(++index); 
    }); 
    $('.span2').html($('div.Slide_Item').size()); 
}