javascript - 存储文本数据的全局属性

Question

我通常使用 id 或 class 将一些参数传递给 javascript 函数。例如:

<input type="text" id="myInput" onclick="callInput(this.id)">

但是，在某些情况下，元素已经有 id 和 class，所以我需要另一个属性来存储参数。

哪些属性适用于此目的？

Answer 1

你可以使用数据属性

<input type="text" id="myInput" onclick="callInput(this.id)" data-id="someid" >

您可以将任何东西与数据一起使用-

示例 data-anything="something"

从 here 中阅读有关数据属性的更多信息

要通过 jquery 读取数据属性，您可以使用

$('#myInput').on("click",function(){
    alert($(this).attr("data-id"));
});

或

$('#myInput').on("click",function(){
    alert($(this).data("id"));
});