是否有html属性来存储有关标记的元信息

Question

我有一个<li>标记，我希望有一些与之相关的信息，以便JavaScript可以访问它，即<li id='someVal' class='someVal' meta='additionalInfo'>

我想通过jQuery访问元信息，如下$('#someVal').attr('meta')

有这样的属性吗？

Answer 1

可以通过jQuery向元素添加数据：

$(element).data('name', 'value');

可以使用以下方法检索数据：

$(element).data('name');

或者您是不是想通过jQuery添加数据？

在HTML5中，我也可以在网络上找到自定义数据：http://ejohn.org/blog/html-5-data-attributes/

然而，由于HTML5仍然是草案，因此无法保证。

Answer 2

我建议你使用jQuery的attr()方法

$(<selector>).attr('name','value');

并使用

进行检索

$(<selector>).attr('name');

您可以为DOM元素添加任何名称。我通常喜欢使用这样的元属性，如果将它添加到DOM元素是有意义的。

说你的应用程序显示其中的学校。我可能会有一个带有属性school的div，并将学校的id设置为值。

我知道它与数据非常相似，但我的经验法则是使用“attr”来提取已添加到标记中的元数据，并使用“data”来获取/设置动态应用程序状态。