Remove string from HTML for multiple elements

Question

I want to remove a colon at the end of my titles, so I use this:

$('.title').html($('.title').html().replace(':', ''))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="title">
  Apples:
</div>
<div class="title">
  Oranges:
</div>

It works, it removes the colons, but it also replaces second title Oranges with Apples?

https://jsfiddle.net/X528L/8/

Taplar · Accepted Answer · 2018-05-22 17:30:06Z

5

You can give html a closure and change each one independently of each other.

$('.title').html(function(index, currentHTML){
  return currentHTML.replace(/:/g, '');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="title">
Apples:
</div>
<div class="title">
Oranges:
</div>

edited May 22, 2018 at 17:30

answered May 22, 2018 at 17:22

Taplar

25k4 gold badges24 silver badges36 bronze badges

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

3 Comments

charlietfl Over a year ago

note that callback second argument also returns existing html

Taplar Over a year ago

@charlietfl interesting. I'm not sure I've ever looked at the arguments for that before. Then again I hardly ever perform this kind of operation.

charlietfl Over a year ago

Same concept for text(function), val(function) etc

Dorado · Accepted Answer · 2018-05-22 17:43:41Z

1

You're close. You're getting a collection because there are more than one element with title as class name. I would suggest iterating the element to replace the value.

$.each($('.title'), function(key, value) {
    $(value).html($(value).html().replace(':',''));
});

answered May 22, 2018 at 17:43

Dorado

4313 silver badges17 bronze badges

Collectives™ on Stack Overflow

Remove string from HTML for multiple elements

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related