How to match a part of a string with array values using jquery / javascript

Question

I have a javascript array:

var exclude = ["Santorum","Obama","Romney","Gingrich"];

I have html links:

<a href="" class="title">Santorum is seeking campaign funding</a>
<a href="" class="title">Clinton is stepping down as Secretary</a>
<a href="" class="title">Obama is seeking reelection</a>

I want to check whether any of the a-links have any one of the exclude-values in them, and if they do, then remove them. So the result would be:

<a href="" class="title">Clinton is stepping down as Secretary</a>

The other two would be removed as they possess words from the array. I've tried using jQuery.inArray but I can't seem to figure it out. Thx for your help.

Yoshi · Accepted Answer · 2012-04-02 16:09:58Z

5

Something like:

var exclude = ["Santorum","Obama","Romney","Gingrich"];

$('a.title').filter($.map(exclude, function (val) {
    return ':contains("' + val + '")';
}).join()).remove();

http://jsfiddle.net/SxP2a/

answered Apr 2, 2012 at 16:09

Yoshi

54.8k14 gold badges93 silver badges108 bronze badges

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

2 Comments

Tomi Seus Over a year ago

thx, it works. what if I want to remove a div that encompasses the a-link?

mshsayem Over a year ago

@Tomi then just add .closest('div') before remove()

gen_Eric · Accepted Answer · 2012-04-02 16:20:44Z

2

Try looping though the excluded words, and remove links that have them.

For example (using the :contains selector):

$.each(exclude, function(i, v){
    $('a.title:contains("'+v+'")').remove();
});

DEMO: http://jsfiddle.net/H6FPb/

EDIT: You said the <a> is wrapped in a <div>, then you can do:

$.each(exclude, function(i, v){
    $('a.title:contains("'+v+'")').parent('div').remove();
});

edited Apr 2, 2012 at 16:20

answered Apr 2, 2012 at 16:08

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

2 Comments

Tomi Seus Over a year ago

thx, it works. what if I want to remove a div that encompasses the a-link?

gen_Eric Over a year ago

@TomiSeus: Then you'd do .parent('div').remove()

Collectives™ on Stack Overflow

How to match a part of a string with array values using jquery / javascript

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related