Question

I have a label element:

<form id="new_user">
<div id="first-name">
<label for="user_profile_attributes_first_name"><abbr title="required">*</abbr> First name</label>
</div>
</form>

I want to replace the text First name with Team name when #new_user has .team-registration. How it`s better to do that?

  if $('#new_user').hasClass('team-registration') {
    ....
  }

Thanks!

Answer 1

Can’t you just combine both conditions in one selector? As for the actual replacement, $.html accepts functions too (since jQuery 1.4):

$("#new_user.team-registration").html(function(i, html) {
    return html.replace("First name", "Team name");
});

Here’s a fiddle!

Note: I’m using html instead of text as it appears that #new_user contains other elements. text would remove those tags and give you the flat text, whereas html acts on the actual innerHTML.

Note: string.replace(string, string) only replaces the first occurrence. If you need to replace all occurrences, use a regular expression:

    return html.replace(/First name/g, "Team name");