存储文本数据的全局属性

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-

一起使用

示例数据 - 任何=＆＃34;某事＆＃34;

从here

了解有关数据属性的详情

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

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

或

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