Traversing a JQuery object and replacing text

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?

cletus · Accepted Answer · 2009-06-18 11:27:50Z

3

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.

answered Jun 18, 2009 at 11:27

cletus

627k169 gold badges922 silver badges945 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

karim79 · Accepted Answer · 2009-06-18 11:27:55Z

1

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

answered Jun 18, 2009 at 11:27

karim79

343k67 gold badges420 silver badges409 bronze badges

Comments

belugabob · Accepted Answer · 2009-06-18 11:28:20Z

0

Off the top of my head...

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

This isn't tested in any way, but I hope that you get the idea.

answered Jun 18, 2009 at 11:28

belugabob

4,47025 silver badges22 bronze badges

Comments

Kothar · Accepted Answer · 2009-06-18 11:28:50Z

0

I think you can do:

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

I can't test it now, but the manual page is here.

answered Jun 18, 2009 at 11:28

Kothar

6,6393 gold badges36 silver badges44 bronze badges

Collectives™ on Stack Overflow

Traversing a JQuery object and replacing text

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related