使用 jquery 编辑跨度答案

【问题标题】：edit span using jquery使用 jquery 编辑跨度
【发布时间】：2012-07-28 19:43:34
【问题描述】：

我有一个有多个子 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>

我想进入并编辑 span1 和 span2 的每个 div。 span 1 的迭代次数和 span2 的幻灯片总大小。感谢您的帮助。

【问题讨论】：

您有 2 个具有相同 id="span2" 的跨度。这不是有效的 HTML。每个元素都应该有一个唯一的标识符。

标签： jquery

【解决方案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");

【讨论】：

【解决方案2】：

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

【讨论】：