使用.data使用jQuery

Question

我的网站上有两个跨度：

<span class="view-toggle"></span>

我想首先设置data-status="inactive"（清除任何设置），然后将data-status="active"添加到一个元素。

我有以下内容：

$('.view-toggle').find().data("status","inactive");
$(button).data( "status", "active");

我可以确认$(button)正确标识了我要添加active的一个范围。

我没有收到任何控制台错误，但我也没有添加任何数据属性。

我是否错误地使用data()？

Answer 1

find() 方法在您的代码中没有任何意义，只需删除它。

$('.view-toggle').data("status","inactive");
$(button).data("status", "active");

<小时/>  如果要在HTML代码中反映属性值，请使用 attr() 方法。

$('.view-toggle').attr("data-status","inactive");
$(button).attr("data-status", "active");

<小时/> 请参阅：jQuery Data vs Attr?

Answer 2

没有任何选择器，没有使用.find（）。

要设置任何属性，请使用.attr（“attr-name”，“attr-value”）; 并获取attr值使用.data（“data-status”）;