使用jquery编辑范围

Question

我有一个div有多个子div。儿童divs内部由一张桌子组成。在这个表中是两个跨度表，我需要使用jQuery进行编辑。也许是每个选择器或其他东西。

 <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：

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