JQUERY Refined Selection

Question

我想問一下編寫這個JQUERY代碼的最佳方法。 我有DOM結構是這樣的：

<div id="chatCenterMembers"> 
    <div id="adam" class="chatmember 100"> 
     <div class="newchatmessage" style="display: block;"></div> 
    </div> 
    <div id="steven" class="chatmember 101"> 
     <div class="newchatmessage"></div> 
    </div> 
</div> 

我想提取用戶標識的列表 - 如：100，101類名稱爲數組，其中帶班「newchatmessage」的DIV有樣式設置爲顯示塊 - 例如， ：它的可見性。

我可以用$ .each循環做，但效率不高。

有沒有更好的方法？ THX

Answer 1

你可以收集所有需要可見的元素就是這樣：

$(".chatmember .newchatmessage").filter(":visible").each(function() 
{ 
    //Extract here any information you want, i.e. 
    //this.className.match(/[0-9]+/) 
}); 

Answer 2

試試這個代碼：

$('.newchatmessage').map(function(){ 
if ($(this).css('display') == 'block') 
    return $(this).parent().attr('class').replace('chatmember ',''); 
}).get();