从属性选择器中提取值

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