javascript - 显示正在单击的事件的数据

Question

我无法弄清楚。 。当我单击具有唯一 ID 的特定事件时，我需要获取该 ID 的名称，但目前我为所有单击的 ID 获取相同的名称。请参阅以下评论的说明

function update(){
//this is the array of database values
dbvalues = dbvalues.split("~"); //dbvalues[i+0], dbvalues[i+1]....


//I have a label which have values form database
var  dblabel = '<br/><label class="addevents" id="' + dbvalues[i+3] + '">'+dbvalues[i+2]+ " " + dbvalues[i+4] +'</label>';

//this variable holds all the event name that are in database.
var g =dbvalues[i+2];//eg: meeting, lunch, dinner

//now this is the the real function, I am getting ID of the label, when I click  on particular ID it needs to show name of that particular ID, but currently whichever event I click it shows same name for all the IDS.
var el = document.getElementById((dbvalues[i+3]));
				
el.onclick = function () {
     alert(g); //it is showing same name for all the ID'S clicked. 
};

};

Answer 1

您不能以这种方式使用 Var g 值，因为 Var g 值始终可以更改。因此，当您单击元素时，当时的元素只有最后一个附加值可用于所有 var g，因此您可以获得所有元素的相同值。那时如果你想这样做你可以尝试使用 Html data attr 像这样

var  dblabel = '<br/><label data-id= '+dbvalues[i+2]+' class="addevents" id="' + dbvalues[i+3] + '">'+dbvalues[i+2]+ " " + dbvalues[i+4] +'</label>';

您的点击代码如下所示

el.onclick = function () {
 alert($(this).attr("data-id"));}