jquery - html 标签中的 data-key 是什么

Question

我有一个这样的例子。

lis += '<li data-key="' + list[i].key + '">' + list[i].name + ' [' +
genLinks(list[i].key, list[i].name) + ']</li>';

但我想了解数据 key 以及如何使用它。

Answer 1

通常当您想存储有关该元素的更多信息时，您可以使用 data-key 属性，即

<ul><li id="1" data-sub="Mathematics">Trigonometry</li>
    <li id="2" data-sub="Literature">The Tempest</li></ul> 

现在您可以随时获取这些值，就像在 jq 中一样

$(function){
alert($('#2').text() +"is a Classic" + $('#2').data("sub") )
})