如何訪問放置在不同標簽中的自定義 data-* html5 屬性，通常在 jquery 中？

Question

我正在嘗試創建一個就地編輯器，通過將自定義數據屬性放在不同的標簽中來獲取數據。 我想訪問 jquery 選擇器中的數據並相應地更新值。 請指導我使用用於獲取不同標簽數據的通用語法。

謝謝。

Answer 1

<dic class='test' data-attr='abc' ></div>
$('div.test').attr('data-attr')

Answer 2

你可以這樣檢查。

 $('*').filter(function() { if($(this).data('custom')){ console.log($(this).data('custom')); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div data-custom="lol"> 1 </div> <p data-custom="wew"> 2 </p> <h1 data-custom="h1">h1</h1>

Answer 3

如果您有不同的標簽，您可以向標簽添加一個類，然后按類名選擇這些元素。

$('.my-class').each(function(){
    $(this).data('key', myVal);
});