通过jquery获取附加元素的属性[重复]

Posted 2023-05-09

【中文标题】通过jquery获取附加元素的属性[重复]

【英文标题】：get attributes of an appended element by jquery [duplicate]

【发布时间】：2015-07-27 01:48:00

【问题描述】：

我想通过 jquery 获取附加元素的 id，但我不能，这是我的代码： 附加元素：

$(document).ready(function()
 $("#addSlide").click(function()
 var slideId="slide"+n;
 var  nslide="<td><img class='projImgs'id='"+slideId+"'onclick='openCustomRoxy()' src='' style='width:75px;height:55px'/> <input id='sldAddr' name='"+slideId+"'   type='hidden' value='' /> </td>";
 $("#slideTr").append(nslide);  
);

以及获得属性“id”的代码：

$(".projImgs").click(function()
var id= $(this).attr('id');
console.log(id);
var source= "http://localhost/exx/admin/fileman/index.html?integration=custom&type=files&img="+id;
console.log(source);
$("#frame").attr('src',source);
);

【问题讨论】：

使用$("#slideTr").on('click', '.projImgs', function()

【参考方案1】：

使用on 将其动态添加到其最近的父级，我假设它是$("#slideTr")

 $("#slideTr").on("click",".projImgs",function()
     var id= $(this).attr('id');
         ....
  );

【参考方案2】：

使用 Event delegation 添加动态 DOM。使用直接父选择器轻松快速地遍历。如果您不知道直接使用 $(document) 的父级

$('#slideTr').on('click', '.projImgs', function()
     // your code
);