Javascript 访问动态创建的锚标记
我使用xmlhttprequest获取“cars”数组,并为数组中的每个值动态创建锚定标记 现在我无法访问新创建的锚标记的innerhtmlJavascript 访问动态创建的锚标记,javascript,jquery,html,xmlhttprequest,Javascript,Jquery,Html,Xmlhttprequest,我使用xmlhttprequest获取“cars”数组,并为数组中的每个值动态创建锚定标记 现在我无法访问新创建的锚标记的innerhtml //script for getting array and creating anchor tags dynamically var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 &&
//script for getting array and creating anchor tags dynamically
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var cars = JSON.parse(xmlhttp.responseText);
for (i = 0; i < cars.length; i++)
{
var mydiv = document.getElementById("myDiv");
var aTag = document.createElement('a');
aTag.setAttribute('href','#');
aTag.setAttribute('class','cl');
aTag.innerHTML = cars[i] + "<br>";
mydiv.appendChild(aTag);
}
}
};
xmlhttp.open("POST", "http://localhost:3000/welcomepage", true);
xmlhttp.setRequestHeader("Content-type", "application/json");
xmlhttp.send();
//script for accessing innerhtml of the above created anchor tags.
$('.cl').click(function(e) {
e.preventDefault();
var t = $(this).text();
alert(t);
}
//用于动态获取数组和创建定位标记的脚本
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=函数(){
如果(this.readyState==4&&this.status==200){
var cars=JSON.parse(xmlhttp.responseText);
对于(i=0;i”;
mydiv.appendChild(aTag);
}
}
};
open(“POST”http://localhost:3000/welcomepage“,对);
setRequestHeader(“内容类型”、“应用程序/json”);
xmlhttp.send();
//用于访问上述创建的锚标记的innerhtml的脚本。
$('.cl')。单击(函数(e){
e、 预防默认值();
var t=$(this.text();
警报(t);
}
//用于动态获取数组和创建定位标记的脚本
//未测试,但根据返回值应正常
$.post(”http://localhost:3000/welcomepage“、功能(汽车){
变量$mydiv=$(“#mydiv”),
carHTML=[];
$.each(cars,function(car){//或function(_u,car)-问题不清楚
carHTML.push($(''){
“href”:“#”,
“类”:“cl”
}).html(car));
});
$mydiv.append(carHTML.join('
');
});
//用于访问上述创建的锚标记的innerText的脚本。
$(“#myDiv”)。在(“单击”,“.cl”,函数(e)上{
e、 预防默认值();
var t=$(this.text();
警报(t);
});
我必须包括$(“#myDiv”)。也使用xmlhttp。非常感谢。。。