jquery - jquery+データ属性のループ

Question

mainMenuInternalTabクラスのDIVがいくつかあります

それぞれに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て、 class を持つ要素を通過できますmainMenuInternalTab。

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