11

ここにリストがあります

<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/

4

5 に答える 5

17

あなたはかなり近いです。jQuery の.data()メソッドを使用して、 で始まる属性を読み取ることができますdata-。あなたの場合.data("value")、あなたの属性はdata-value="some".

これはそれを行う必要があります：

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

ここにもフィドルがあります： http://jsfiddle.net/nuphP/

于 2012-08-01T12:37:34.030 に答える
6 
$(this).attr('data-value')

も動作するはずです。

于 2012-08-01T12:45:48.003 に答える
1

あなたのケースで使用できます：

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

値を取得するため。

于 2012-08-01T12:40:32.873 に答える
1

$(this)現在のli要素を参照するため、要素にアラートが表示されます。

他の人が提案したことを試すことができます。$(this).data("value")

于 2012-08-01T12:44:14.880 に答える
0 
   $('#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);
于 2015-09-29T09:12:30.083 に答える