Replace text in a tag using javascript?

Question

How may I target certain links in list items using Javascript to remove certain characters? For example I have the following code:

<dd class="xments">
    <ul>
        <li><a href="#">"blah blah",</a></li>
        <li><a href="#">"lo lo",</a></li>
        <li><a href="#">"hhe he"</a></li>
    </ul>
</dd>

I wish to remove the " and , for each list item. Please could some one help?

$("a").text(function(_, text) {
    return text.replace('"', '');
    return text.replace(',', '');
});

Doesn't seem to do it for me. How do I target only items in this list and not all a tags in the doc?

return after return won't return

vaultah
– vaultah

2014-04-06 17:12:50 +00:00
Commented Apr 6, 2014 at 17:12 — vaultah
– vaultah, Commented Apr 6, 2014 at 17:12

phylax · Accepted Answer · 2014-04-06 17:25:25Z

1

$('a').each(function (i, e) {
  $(e).text($(e).text().replace(/[",]/g, ''))
});

yours with regexp (and additional conditions):

$("dd.xments ul li a").text(function(idx, text) {
  return text.replace(/[",]/g, '');
});

edited Apr 6, 2014 at 17:25

answered Apr 6, 2014 at 17:12

phylax

2,09615 silver badges16 bronze badges

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

2 Comments

phylax Over a year ago

yeah, i confused ' and ,

phylax Over a year ago

removed ' from the regexp to only replace " and ,

Brad Faircloth · Accepted Answer · 2014-04-06 17:17:03Z

0

$("a").text(function(_, text) {
    var txt=text.replace('"', '');
    txt=txt.replace(',', '');
    this.innerText=txt;

});

To target only items in your list, add a class to each item. Change $("a") with $("classname")

answered Apr 6, 2014 at 17:17

Brad Faircloth

3271 silver badge7 bronze badges

2 Comments

megawac Over a year ago

Just returning txt and letting jQuery handle it instead of setting this.innerText=txt; would be cleaner

Brad Faircloth Over a year ago

@megawac - yours is definitely cleaner, the addition of setting class name helps to address replacing only those in this particular list rather than all links on the page.

Manwal · Accepted Answer · 2014-04-06 17:18:57Z

0

$(document).ready(function(){

    $('ul li').each(function(){        
        var that = $(this).children();
        var txt = $(that).html();
        txt = txt.replace(/["']/g, '');
        $(that).html(txt.replace(',',''));
    });

});

Fiddle

answered Apr 6, 2014 at 17:18

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

Comments

Andrew Barber · Accepted Answer · 2014-04-07 15:21:12Z

0

Check this Demo jsFiddle

jQuery

$("a").text(function(el, text){
    return text.replace(/[",]/g, ''); 
});

Result

blah blah
lo lo
hhe he

Pattern

/[",]/g

Here I Check RegExr

edited Apr 7, 2014 at 15:21

Andrew Barber

40.3k20 gold badges97 silver badges124 bronze badges

answered Apr 6, 2014 at 17:28

Jaykumar Patel

27.7k12 gold badges79 silver badges76 bronze badges

Collectives™ on Stack Overflow

Replace text in a tag using javascript?

4 Answers 4

2 Comments

2 Comments

Fiddle

Comments

jQuery

Result

Pattern

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

Comments

jQuery

Result

Pattern

Comments

Your Answer

Sign up or log in

Post as a guest

Related