用于存储其他信息的属性

Question

我有几个链接：

<a href="div1">link1</a>
<a href="div2">link2</a>
<a href="div3">link3</a>

和容器：

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

当用户点击链接时，脚本从href属性获取容器的Id并显示正确的div。但我不想为此目的使用href属性。是否有用于存储其他信息的标准属性？

Answer 1

Data Attributes。对于小于5的HTML修订版，它们是非标准的，但是jQuery尊重它们：jQuery Data API。

Answer 2

您可以使用data- *属性。

<a href="div1" data-id="div1">link1</a>
<a href="div2" data-id="div2">link2</a>
<a href="div3" data-id="div3">link3</a>

您可以访问element.dataset.id

中的值

编辑：如果您也想支持旧版浏览器，可以使用rel属性。