存储文本数据的全局属性

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" >

你可以使用任何东西和数据 -

示例数据 - 任何=“某事”

从这里阅读有关数据属性的更多信息

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

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

要么

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