jquery + loop through data attributes

Question

I have a number of DIV's with the class mainMenuInternalTab

Each has the data attribute called data-pagename.

How can I loop through all instances of this data attribute to see there is one with the name converstations set?

thankyou

<div id="mainMenuInternalConversations" class="mainMenuInternalTab" data-pagename="conversations"></div>
<div id="mainMenuInternalConversations2" class="mainMenuInternalTab" data-pagename="conversations2"></div>
<div id="mainMenuInternalConversations3" class="mainMenuInternalTab" data-pagename="conversations3"></div>

adeneo · Accepted Answer · 2012-12-07 04:37:17Z

1

if (  
      $('.mainMenuInternalTab').filter(function() {
         return $(this).data('pagename') == 'conversations';
      }).length
   ) {

         //do something if an element with the data attribute
         // pagename has a value of 'conversations'

     }

or a simpler version (but probably a little slower) :

if ( $('.mainMenuInternalTab[data-pagename="conversations"]').length ) {
    //do something
}

answered Dec 7, 2012 at 4:37

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Adil · Accepted Answer · 2012-12-07 04:46:10Z

0

You can use each() to iterate through elements with class mainMenuInternalTab.

$('.mainMenuInternalTab').each(function(){
   alert($(this).data('pagename'));
   if($(this).data('pagename') == "convsersions set")
   {
      // do what ever you want here.
   } 
});

edited Dec 7, 2012 at 4:46

answered Dec 7, 2012 at 4:37

Adil

148k25 gold badges217 silver badges207 bronze badges

Collectives™ on Stack Overflow

jquery + loop through data attributes

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