2011-09-01 60 views
1

我有几个环节:属性用于存储附加信息

<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属性。有没有用于存储其他信息的标准属性?

+0

Neir ...只是一个提醒(5!未接受的答案)接受你喜欢的答案给你的社区贡献。 (你不必急着,让迟到的回答者 - 回答,但我认为延迟一周应该没问题,不是吗?!) –

+0

是啊!我不知道这是如此重要。 – Neir0

回答

0

您可以使用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属性。

+0

仅适用于HTML5。旧的浏览器不知道你在说什么。您仍然可以访问旧版浏览器,但您需要一个库。幸运的是,jQuery提供了一个。 –

+0

可能值得注意的是,数据属性是HTML5功能。 –