Javascript:循环遍历每个子节点

Question

例如，我有一个由 easytab 创建的早午餐页面，其 HTML 格式如下所示

<div class="tab-page1 identify">//something</div>

<div class="tab-page2 identify">//something</div>

<div class="tab-page3 identify">//something</div>

<div class="tab-page4 identify">//something</div>

我想在内容中添加一些内容，所以我创建了一个如下所示的函数

$(".identify").html("123");

我知道我可以做一些事情，比如在最后一个 child 中添加一些东西，但我想在每个 child 中添加 123 我该怎么做？

$(".identify:last-child").html("123");

Answer 1

And I'd like to add something in to the contents

but i'd like to add 123 in every child how may i do it?

您可以使用.html(function)将新的 html 添加到现有 html 内容。

$(".identify").html(function(index, html) {
  return html + 123
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tab-page1 identify">//something</div>

<div class="tab-page2 identify">//something</div>

<div class="tab-page3 identify">//something</div>

<div class="tab-page4 identify">//something</div>