從屬性選擇器中提取值

Question

我是jQuery選擇器的新手。我如何從屬性中提取值？

考慮：

<div class='container'> 
<div class='entry' data-name='foo'></div> 
<div class='entry' data-name='bar'></div> 
<div class='entry' data-name='baz'></div> 
</div> 

我想提取： ['foo','bar','baz']

Answer 1

您可以使用.map()創建像

var array = $('.container .entry').map(function() { 
    return $(this).data('name') 
}).get(); 

Answer 2

從一組DOM元素的數組試試這個

$(function() { 
 
    var array = []; 
 
    $(".entry").each(function() { 
 
     array.push($(this).data("name")); 
 
    }); 
 
    console.log(array); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='container'> 
 
<div class='entry' data-name='foo'></div> 
 
<div class='entry' data-name='bar'></div> 
 
<div class='entry' data-name='baz'></div> 
 
</div>

Answer 3

嘗試

var name = []; 
$('div.container').children().map(function() { 
    name.push($(this).data('name')); 
}); 

Working DEMO