jquery - jquery + 循环遍历数据属性

Question

我有许多带有 mainMenuInternalTab 类的 DIV

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

如何遍历此数据属性的所有实例以查看是否有一个设置了名称转换？

谢谢你

<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带有 class 的元素mainMenuInternalTab。

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