How to remove character in html with jQuery

Question

Here is the html:

  <div class="upme-field-value">
    <div class="upme-rememberme">
        <i class="upme-icon-check-empty"></i>Remember me
        <input type="hidden" name="rememberme" id="rememberme-1" value="0">
    </div>
    <input type="submit" name="upme-login" class="upme-button upme-login" value="Log In">  
    <br>
    <a href="javascript:void(0);" id="upme-forgot-pass-1" class="upme-login-forgot-link "    
    title="Forget?">Forget?</a> 
    | <-------- **** I want to remove this character****
    <a href="/register/" class="upme-login-register-link 
    ">Register</a> 
  </div>

Is There is a way to remove this character "|" from the above html with jQuery or CSS?

Mritunjay · Accepted Answer · 2014-07-27 16:49:37Z

2

This will work in this problem

$('div.upme-field-value').html($('div.upme-field-value').html().replace('|',''))

answered Jul 27, 2014 at 16:49

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

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

4 Comments

Valentin Mercier Over a year ago

Simple but effective.

cookie monster Over a year ago

@AlexDouglas: This is an anti-pattern that shouldn't be used. It's silly to destroy and recreate a section of the DOM just to remove a single text character. You should target the <a> element just before the character, then remove the next text node. Much faster and less destructive.

cookie monster Over a year ago

...Do it like this: var a = document.getElementById("upme-forgot-pass-1"); a.parentNode.removeChild(a.nextSibling);, or use a jQuery equivalent if you prefer slower code.

Alex Douglas Over a year ago

@cookiemonster Thanks buddy, I'll use your method instead :)

PeterKA · Accepted Answer · 2014-07-27 16:53:18Z

0

DEMO

Use this:

$('div.upme-field-value').html(function(i, html) {
    return html.replace(/\|/g,'');
});

answered Jul 27, 2014 at 16:53

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

7 Comments

Valentin Mercier Over a year ago

You should definitely not use reg ex in this case.

PeterKA Over a year ago

Because it is only one, right? I'll update the answer.

Valentin Mercier Over a year ago

Because it is preferable to do a basic string to string replacement when it is possible.

PeterKA Over a year ago

If there are more | characters it only the first would be removed if you did a simple replace.

charlietfl Over a year ago

@ValentinMercier and that is based on what criteria?

|

Collectives™ on Stack Overflow

How to remove character in html with jQuery

2 Answers 2

4 Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related