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

【问题标题】：get attributes of an appended element by jquery [duplicate]通过jquery获取附加元素的属性[重复]
【发布时间】：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(){

标签： jquery dom append

【解决方案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
});

【讨论】：