屬性用於存儲附加信息

<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屬性。有沒有用於存儲其他信息的標準屬性？

2011-09-01 Neir0

Neir ...只是一個提醒（5！未接受的答案）接受你喜歡的答案給你的社區貢獻。（你不必急着，讓遲到的回答者 - 回答，但我認爲延遲一週應該沒問題，不是嗎？！） –

是啊！我不知道這是如此重要。 – Neir0

Data Attributes。對於HTML版本小於5的版本，它們不是標準版本，但jQuery授予它們：jQuery Data API。

2011-09-01 14:31:01

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

2011-09-01 14:30:02 Ragnis

僅適用於HTML5。舊的瀏覽器不知道你在說什麼。您仍然可以訪問舊版瀏覽器，但您需要一個庫。幸運的是，jQuery提供了一個。 –

可能值得注意的是，數據屬性是HTML5功能。 –

回答