jquery +循环数据属性

Question

我有许多DIV与mainMenuInternalTab类

每个都有一个名为data-pagename的数据属性。

如何循环浏览此数据属性的所有实例，以查看是否设置了名称为converstations的实例？

三江源

<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>

Answer 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'

     }

或更简单的版本（但可能稍慢）：

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

Answer 2

您可以使用each()到iterate通过课程mainMenuInternalTab的元素。

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