遍历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")

或许多其他方式。

Answer 2

clone.find('span').each(function() {
   $(this).text('Hahahha');  
});

Answer 3

脱离我的头顶......

var clone = $div.children().clone().each(function(){
  var textVale = $(this).text();
  //process the text;
  $(this).text(textValue);
 }
);

这没有以任何方式进行测试，但我希望你明白这一点。

Answer 4

我认为你可以做到：

clone = $div.clone();
clone.children.each(function(i) {
  this.text("replacement text");
});

我现在无法测试，但手册页为here。