Question

Assuming I have the following html div which I want to replicate its children, changing the value of each span in the process

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

Using jQuery I can get a reference to the “div” by

var $div = $("div");

and then clone as in

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

How can I then traverse the clone and change the values for each span?

Answer 1

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

or

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

or

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

or lots of other ways.