使用jquery编辑span

时间:2011-12-15 22:12:53

标签: jquery

我有一个有多个子div的div。儿童div里面有一张桌子。在该表中有两个跨度表,我需要使用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。 span 1带有迭代次数,span2带有幻灯片总数。谢谢你的帮助。

2 个答案:

答案 0 :(得分: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");

答案 1 :(得分:-1)

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