jquery - jqueryを使用して一致要素IDを返す方法

Question

jqueryフィルターメソッドを使用して一致した要素IDを返したいのですが、「オブジェクトオブジェクト」フィドルを返しています

//css

.none{display:none}

//html

<div class="none">
 <span style="display:none">first</span>
 <span style="display:block">second</span>
</div>

//脚本

visibles = $('.none').find('span').filter(function(){
if($(this).css('display') == 'block')   
return $(this).attr('id');
});
alert(visibles);

score 2 · Accepted Answer

filter に与えるコールバックは、フィルタリングに使用される値を返します。

一致するものが 1 つしかない場合は、次を使用します。

visibleId = $('.none').find('span').filter(function(){
    return $(this).css('display') == 'block'
}).attr('id');

一致 ID の配列を取得する場合は、次を使用します。

visibles = $('.none').find('span').filter(function(){
    return $(this).css('display') == 'block'
}).map(function(){ return this.id }).get();

score 1 · Accepted Answer

jQuery.filteridは一致した要素を返すため、要素をフィルタリングした後に値を取得する必要があります。

visibles = $('.none').find('span').filter(function(){
   if($(this).css('display') == 'block')   
       return true;
}).attr('id');
alert(visibles);

2 に答える 2