jquery - 遍历 JQuery 对象并替换文本

Question

假设我有以下 html div，我想复制它的子级，并更改过程中每个范围的值

<div><span class="foo">[Name]</span> <span class="bar">[Name]</span></div>

使用 jQuery 我可以通过以下方式获取对“div”的引用

var $div = $("div");

然后克隆

var clone = $div.children().clone();

如何遍历克隆并更改每个跨度的值？

Answer 1

clone.find("span").text("new value");

或

clone.find("span").each(function() {
  $(this).text("new text");
});

或

clone.find("span.name").text("new name").siblings("span.bar").text("new bar")

或许多其他方式。