jQuery adding class to only one anchor instead of all

Question

I have this function:

$containing = jQuery('#test a').filter(function(){
    return jQuery(this).text().substring(0,2) == "Ba";
});

if ($containing.length > 0) {
    $containing.first().addClass('testtt');
}

This adds the class to the first anchor it finds, but that's not what I want. I wanted to give the class to all the anchors containing Ba... I tried replacing first with each, but nothing happened at all. Can someone help me out?

Sergio · Accepted Answer · 2013-07-30T08:59:53.543

3

Just remove .first(), then it will be applied to all the objects in the jQuery array, not just the first.

$containing = jQuery('#test a').filter(function(){
    return jQuery(this).text().substring(0,2) == "Ba";
});

if ($containing.length > 0) {
    $containing.addClass('testtt');
}

edited Jul 30 '13 at 08:59

answered Jul 30 '13 at 08:49

Sergio

28,539
11
85
132

score 2 · Answer 2 · answered Jul 30 '13 at 08:50

2

Just remove .first(). Chaining in jQuery allows most functions to be applied to all of the selected elements.

$containing = jQuery('#test a').filter(function(){
    return jQuery(this).text().substring(0,2) == "Ba";
});

if ($containing.length > 0) {
    $containing.addClass('testtt');
}

answered Jul 30 '13 at 08:50

Kevin Bowersox

93,289
19
159
189

@user1770896 Glad I could help. You will notice that if you `console.log($containing)` it is an array of jquery objects. – Kevin Bowersox Jul 30 '13 at 09:00

jQuery adding class to only one anchor instead of all

2 Answers2