在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') 

也应该工作。

Answer 3

您可以在您的情况下使用：

 jQuery(this).data("value");

为了检索价值。

Answer 4

$(this)引用当前的li元素，因此您会收到元素警报。

您可以尝试其他人建议的内容，即$(this).data("value")

Answer 5

   $('#view-tags').click(function(){
        $('li[data-value]').each(function(){
        var value = $(this).attr('data-value');
            alert(value);
        })
}); // this work normally

获取属性值并存储变量值

var value = $ (this) .attr ('date value');

在此警告之后变量值

alert (value);