我有几个环节:属性用于存储附加信息
<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属性。有没有用于存储其他信息的标准属性?
我有几个环节:属性用于存储附加信息
<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属性。有没有用于存储其他信息的标准属性?
Data Attributes。对于HTML版本小于5的版本,它们不是标准版本,但jQuery授予它们:jQuery Data API。
您可以使用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
属性。
仅适用于HTML5。旧的浏览器不知道你在说什么。您仍然可以访问旧版浏览器,但您需要一个库。幸运的是,jQuery提供了一个。 –
可能值得注意的是,数据属性是HTML5功能。 –
Neir ...只是一个提醒(5!未接受的答案)接受你喜欢的答案给你的社区贡献。 (你不必急着,让迟到的回答者 - 回答,但我认为延迟一周应该没问题,不是吗?!) –
是啊!我不知道这是如此重要。 – Neir0