How to delete text string using JQuery?

Question

Hi Guys,

I have the following code:

$('.breadcrumb:contains(",")').hide();

It does as expected and hides the entire breadcrumb, but how would I go about just remove the comma?

========== EDIT:

<div class="breadcrumb">
   <a href="#">Link 1</a>,
   <a href="#">Link 2</a>
</div>

==========

Thanks for any help

Answer 1

.hide() hides the selected node. You're going to have to get the text from the node (using .text()), parse it to pull out the comma, and then re-set the text on the node.

Answer 2

$('.breadcrumb:contains(",")').html($('.breadcrumb:contains(",")')
    .html().replaceAll(",", ""));

Answer 3

You can do it like this:

$('.breadcrumb:contains(",")').html(function(i, h) {
  return h.replace(/,/g, '');
});

The .html() function accepts a function, you can see the docs here. The above code replaces all commas in all .breadcrumb elements. Example here: http://jsfiddle.net/ZZG8p/

Answer 4

You can JavaScript's String replace method. However, I'm going to go out on a limb and imagine what happened. You had and an array and then you looped through it to generate your bread crumbs and now you want to get rid of the trailing comma.

The solution to that problem is to use split() and use ',' as the separator. This way you only have internal commas.

Answer 5

$('.breadcrumb:contains(",")').remove();

Though this will remove it from the DOM, so make sure you select the correct one.