JQuery从ajax加载的数据中获取元素id
我使用JQuery从PHP页面加载数据,效果很好。现在,我希望当我单击其中一个加载的元素时,一个警报显示所选元素的id。我该怎么办?如果我手动将一个元素放入div“output”中,它就可以工作,但是使用$.ajax()创建的元素就不能工作。 这是代码JQuery从ajax加载的数据中获取元素id,jquery,ajax,elements,Jquery,Ajax,Elements,我使用JQuery从PHP页面加载数据,效果很好。现在,我希望当我单击其中一个加载的元素时,一个警报显示所选元素的id。我该怎么办?如果我手动将一个元素放入div“output”中,它就可以工作,但是使用$.ajax()创建的元素就不能工作。 这是代码 <input type="text" id="ricerca"> <div id="output" style="border: 1px solid #FF0000;"></div> $(文档).read
<input type="text" id="ricerca">
<div id="output" style="border: 1px solid #FF0000;"></div>
$(文档).ready(函数(){
//自动完成
$(“#ricerca”).keyup(函数(){
$(函数(){
var ricerca=$(“#ricerca”).val();
$('#output').html(“”);
如果(ricerca.length>0){
$.ajax({
url:'dati.php',
方法:“POST”,
数据:{
里塞卡:里塞卡
},
数据类型:“json”,
成功:功能(数据){
用于(数据中的var i){
var行=数据[i];
变量id=行[0];
变量名称=行[1];
$('#output')。追加(
);
}
}
});
}
});
});
//显示ID
$('#输出a')。单击(函数(){
警报(this.id);
});
});
对于动态注入的html,您需要执行以下操作:
$(document).on("click", "#output a", function() {
alert(this.id);
});
基本上,当您第一次加载页面时,#输出
不会出现,因此您需要将事件绑定到页面
因此,.on
允许您将事件委托给处理程序
帮助链接:
对于动态注入的html,您需要执行以下操作:
$(document).on("click", "#output a", function() {
alert(this.id);
});
基本上,当您第一次加载页面时,#输出
不会出现,因此您需要将事件绑定到页面
因此,.on
允许您将事件委托给处理程序
帮助链接:
必须使用.on()
注册动态生成元素的单击事件
// Show ID
$(document).on("click",'#output a',function() {
alert(this.id);
});
必须使用.on()
注册动态生成元素的单击事件
// Show ID
$(document).on("click",'#output a',function() {
alert(this.id);
});
应该是
alert($(this).attr("id"));
应该是
alert($(this).attr("id"));
如果答案对你有帮助,一定要接受答案并投赞成票……;)如果答案对你有帮助,一定要接受答案并投赞成票……;)非常感谢,它工作得很好!附言:你漏掉了一个括号!;)非常感谢,它工作得很好!附言:你漏掉了一个括号!;)