[W3bDev]

Hello all,

I dont understand JQuery much, so I figured I'd post what should be a pretty beginner question here... How do i replace all text within a particular class on a page. Say I have a div with class of "phoneNumber" that displays phone numbers throughout a page, then I want to replace each text with some new text, what's the simplest way of doing such a thing? I tried something like this, but it didn't work...

$('.phoneNumber').append('MyNewText');

[moopet]

W3bDev, on 30 Aug, 2009 - 09:29 PM, said:

Hello all,

I dont understand JQuery much, so I figured I'd post what should be a pretty beginner question here... How do i replace all text within a particular class on a page. Say I have a div with class of "phoneNumber" that displays phone numbers throughout a page, then I want to replace each text with some new text, what's the simplest way of doing such a thing? I tried something like this, but it didn't work...

$('.phoneNumber').append('MyNewText');

Nearly. Since you're doing it to a bunch of elements identified by class, you probably want to use each() to apply your change to each element in succession. This allows you to change that text in context.

$(".phoneNumber").each( function() {
	$(this).text('MyNewText')
});

[Wimpy]

moopet, on 31 Aug, 2009 - 01:12 AM, said:

Nearly. Since you're doing it to a bunch of elements identified by class, you probably want to use each() to apply your change to each element in succession. This allows you to change that text in context.

You don't even need to .each() it, according to the documentation ( "Set the text contents of all matched elements." ):

$(".phoneNumber").text('MyNewText');

Hope it helps!

This post has been edited by Wimpy: 31 August 2009 - 06:49 AM

[moopet]

Wimpy, on 31 Aug, 2009 - 12:48 PM, said:

moopet, on 31 Aug, 2009 - 01:12 AM, said:

Nearly. Since you're doing it to a bunch of elements identified by class, you probably want to use each() to apply your change to each element in succession. This allows you to change that text in context.

You don't even need to .each() it, according to the documentation ( "Set the text contents of all matched elements." ):

$(".phoneNumber").text('MyNewText');

Hope it helps!

Sorry, yes, that's correct. What I was implying was that giving the function the context of the element means you have full control of what goes on, so you can use $(this) in your function. But you're right, and it's simpler to explain your way.

[Wimpy]

And it is really a good thing of you to point out that the .each()-function exists and how it works, but when I read your last post it sounded as if you were certain that you had to use the .each()-function to do it! Just wanted to clear that out! And yes, by using the .each()-function you get a lot more control over what goes on and you can also do a lot more advanced stuff with the matched elements that way (animation, validity checking, etc).

moopet, on 31 Aug, 2009 - 09:23 PM, said:

Sorry, yes, that's correct. What I was implying was that giving the function the context of the element means you have full control of what goes on, so you can use $(this) in your function. But you're right, and it's simpler to explain your way.