JQuery从ajax加载的数据中获取元素id

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

我使用JQuery从PHP页面加载数据,效果很好。现在,我希望当我单击其中一个加载的元素时,一个警报显示所选元素的id。我该怎么办?如果我手动将一个元素放入div“output”中,它就可以工作,但是使用$.ajax()创建的元素就不能工作。 这是代码

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

如果答案对你有帮助,一定要接受答案并投赞成票……;)如果答案对你有帮助,一定要接受答案并投赞成票……;)非常感谢,它工作得很好!附言:你漏掉了一个括号!;)非常感谢,它工作得很好!附言:你漏掉了一个括号!;)