在JQuery中选择自定义数据属性

Question

我这里有一个清单

<ul id="demo2" data-name="demo2">
    <li data-value="here">here</li>
    <li data-value="are">are</li>
    <li data-value="some...">some</li>
    <!-- notice that this tag is setting a different value :) -->
    <li data-value="initial">initial</li>
    <li data-value="tags">tags</li>
</ul>

每个li项目都有自定义数据属性.在JQuery上,如何获得具有data-value属性的每个li元素的所有值？我想得到他们的价值.

但是我的这个代码似乎没有起作用

        $('#view-tags').click(function(){
            $('li[data-value]').each(function(){
                alert($(this).data("value"));
            })
    });

关于jsfiddle的整个代码:http://jsfiddle.net/Zn3JA/

Answer 1

你很近.您可以使用jQuery的.data()方法来读取以...开头的属性data-.因此,在您的情况下,.data("value")因为您的属性是data-value="some".

这应该这样做:

$('li[data-value]').each(function(){
     alert($(this).data("value"));
});

这也是一个工作小提琴: http ://jsfiddle.net/nuphP/

Answer 2

$(this).attr('data-value') 

也应该工作。