Find an element based on attribute in array of jquery objects

Question

I have an HTML dom with three divs like this:

<div data-tab="1">
</div>
<div data-tab="2">
</div>
<div data-tab="3">
</div>

Then I gather all these divs in a jQuery object like this:

var $tabs = jQuery( '*[data-tab]' );

So now, $tabs contains all three. Thats great. However, I am trying to alter one of them, so I tried using find() to find the object I wanted to alter, but somehow, I cant find any of the objects in $tabs with find().

Example:

$tabs.find( '*[data-tab="2"]' ); simply returns []

Why isnt this working, or even better, what works? :P

.find only looks at the descendants of the selected elements. — Stryner
– Stryner, Commented Oct 26, 2015 at 13:02

Milind Anantwar · Accepted Answer · 2015-10-26 12:57:23Z

2

You need to use .filter() function instead of .find():

$tabs.filter('[data-tab=2]')

answered Oct 26, 2015 at 12:57

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

Comments

Kishore Sahasranaman · Accepted Answer · 2015-10-26 13:01:24Z

0

window.$tabs = jQuery('*[data-tab]');
var $filteredtabs = $tabs.filter('[data-tab=2]')
console.log($filteredtabs)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-tab="1">
</div>
<div data-tab="2">
</div>
<div data-tab="3">
</div>

Demo : http://jsfiddle.net/kishoresahas/9nxzttjp/

answered Oct 26, 2015 at 13:01

Kishore Sahasranaman

4,2504 gold badges27 silver badges52 bronze badges

Collectives™ on Stack Overflow

Find an element based on attribute in array of jquery objects

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related