HTML5自定义属性更新值

如何使用jQuery获取html5属性的值？HTML5自定义属性更新值

<button data-direction="next" data-next="2"></button>

我希望能够得到data-next的最新设定值。

当我使用JavaScript动态改变的值，然后尝试使用它 $('[data-direction="next"][data-next]').data('next')，不更新后加载页面时，它总是返回数据集来获得 - 在这种情况下2。

2011-12-19 Hext0r

$('[data-direction="next"][data-next]').attr('data-next')应该工作..

2011-12-19 15:42:13 Pierre

+1'data-next'不是一个真正的html5数据表示法，而只是一个html属性。 – 2011-12-19 15:43:56

您像访问其他任何属性一样访问它们 - 使用[attr（）]（http://api.jquery.com/attr/）。您也无法按名称访问大多数HTML值。 – feeela 2011-12-19 15:45:55

我同意@Pierre。使用attr（）方法来检索所需的值。

需要注意的一点是，您的选择器可能会变慢。检查此article了。

2011-12-19 16:00:30 gabeno

回答