Question

我想通过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);  
});

和获得atrribute'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);
});

Answer 1

使用Event delegation添加动态DOM。使用直接父选择器可以轻松快速地进行遍历。如果你不知道使用$(document)而是$('#slideTr').on('click', '.projImgs', function(){ // your code });

Answer 2

将on委托给动态添加元素到其最近的父级，我假设为$("#slideTr")

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

通过jquery获取附加元素的属性

2 个答案: