asked on

How do a replace text within a specific span class where multiple span classes of the same name exist?

For example, if my page has several spans like this:

Enter the website address:
Type the description:

How do I replace only the span with "Type the description:" with "Enter the name of the site:"?

I've tried this but it doesn't work:

$('span.ms-formdescription').filter(function () { return $(this).text() === 'Type the description:' }).text('Enter the name of the site:');

Thanks for your help!

ASKER CERTIFIED SOLUTION

zephyr_hex (Megan)

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

greddin

ASKER

Thank you. It's working but I'm having undesirable results. It's replacing everything in a section because all the span's are nested within a parent span with no id or class.

I should have showed this as my code before. What I have actually looks like this:


Enter the website address:
Type the description:


Right now the selector is replacing everything within the upper span tag. Is there a way to match just the second span containing "Type the description:"?

Thanks again.

greddin

ASKER

Ok, I have it now. This works:

$("span.ms-formdescription:contains('Type the description:')").text("This is the new text");

Thanks for your help.

greddin

ASKER

I'm good now. Thanks.