Question

我有几个div

  <div id="id0" class="ccc">
    <span></span>
    <p>...</p>
  </div>

我希望将文本插入到具有id的特定div的span元素中，并且我希望在循环中执行此操作。所以，只需选择

$(id0)

不能胜任这项工作。我需要像

这样的东西

for(counter=...) {
    $('#id'+counter > span).text(...

没有一个选项可以解决这个问题而且我的想法已经用完了......

Answer 1

使用+（Concat运算符）并连接> span，如下所示： -

for(counter=...) {
    $('#id' + counter + ' > span').text(...

Answer 2

您可以使用$ .each

<div id="id0" class="ccc">
    <span></span>
    <p></p>
</div>
<div id="id1" class="ccc">
    <span></span>
    <p></p>
</div>
<div id="id2" class="ccc">
    <span></span>
    <p></p>
</div>
<div id="id3" class="ccc">
    <span></span>
    <p></p>
</div>
<div id="id4" class="ccc">
    <span></span>
    <p></p>
</div>
<div id="id5" class="ccc">
    <span></span>
    <p></p>
</div>

$( document ).ready(function() {
    $(".ccc").each(function() {
       $(this).find("span").text("aaa"); // add text to span
    });
});

Answer 3

使用jQuery很容易使用$（）函数的结果集在多个DOM元素上应用相同的方法：

$(".ccc").find("span").text("text");

https://jsfiddle.net/ht7rwa9t/

JQuery选择div中的span，带有计数器的id

3 个答案: