Question

I have some List items, which contain a div, which contains a link. I’d like to remove this Link from all the divs. This is my current function:

jQuery('.post_meta').each(function(){
    var el = jQuery('.post_meta a');
    el.html(el.html().replace(/, Slider/ig, ""));
});

This function dupolicates one div and add its contents to all the others. What would be the right way?

This is my markup:

<ul>
     <li>
         <div class="post_meta">
         <a href="#">Anything</a>, <a href="#">Slider</a>, <a href="#">Anything2</a> 
         </div>
    </li>
</ul>

Answer 1

Seems you want something like this:

$('.post_meta a').filter(function() {
    return $.trim($(this).text()) === "Slider";
}).remove();

This takes all links inside .post_meta elements and filters them by their content (whether the text is Slider. It then removes those elements.

Reference: filter, trim, remove

Update: Regarding your comment. Removing the comma is a bit more tricky, but you can do it like this (after you removed the links):

$('.post_meta').each(function(){
    $.each($(this).contents(), function() {
        if(this.nodeType === 3) {
            this.nodeValue = this.nodeValue.replace(/,\s*,/g, ',');
        }
    });
});

It is probably not very performant though…

Update 2: Apparently removing the comma did not work because after you removed the element node, you have two adjacent text nodes and not one.

This works though:

$('.post_meta').each(function(){
    var c = $(this).contents();
    $.each(c, function(i) {
        var prev = c[i-1];
        if(this.nodeType === 3 
           && prev 
           && prev.nodeType ===3
           && $.trim(this.nodeValue) === $.trim(prev.nodeValue)) {
            this.parentNode.removeChild(this);
        }
    });
});

DEMO

This basically removes duplicate adjacent text nodes.

Why am I doing this so complicated?

Because it looks there might be JavaScript event handlers attached to the links and if you get and set the HTML, these handlers will be lost.

If this is not the case and the HTML is really like this, you could do:

jQuery('.post_meta').html(function(i, html) {
    return html.replace('<a href="#">Slider</a>,','');
});

DEMO 2

But as said, this only works if (a) the HTML matches exactly with the string and (b) you don’t bind any event handlers to the links (they will be lost).