在html标签中使用预制元素

Question

我想了解使用带有HTML标记的预制元素是否有效。我开始在我的HTML上使用它来使我的代码变得更通用，更不容易破解。但是我不知道这是否有效且所有浏览器都支持。

例如，我正在做类似的事情：

<a class="item-class" href="...' itemname="something">

现在假设我正在为我可以做的所有项目类做一个jquery onclick事件

$(this).attr("itemname")

将参数传递给jquery事件。

Answer 1

根据HTML5规范，您应该使用此类元数据的是data-* attribute。它的工作原理基本相同，只是你使用`data-itemname =“itemname”而不是。

用于编辑/检索这些值也是正确的jQuery function：

<a class="item-class" href="...' data-itemname="something">
$(this).data("itemname")

Answer 2

itemanem不是有效的属性，您可以使用HTML5 data-*属性和jQuery data()方法：

<a class="item-class" href="...' data-name="something">

$(this).data("name")

但是，如果您想阅读非标准属性，可以使用getAttribute方法：

var itemName = $(this)[0].getAttribute("itemname")