动态地将id添加到jquery中的动态div

我正在尝试动态地将id添加到动态生成的div中。 最初我有第一个div与类“检查”然后点击“显示更多”按钮后，我们另一个相同类的div被渲染。 这里有一个ajax电话。 这是结构：

显示更多点击：AJAX Call

显示更多点击：AJAX Call

我想动态地将id添加到主＆嵌套div中。 所以我想要以下结果：

 
 
  thirdpartyfunction(function(){});  
 
 
 
  thirdpartyfunction(function(){});  
 
 
 
  thirdpartyfunction(function(){});  
  

我试过的东西总是改变第一个div的id。 什么是解决这个问题的最佳方法？

我试过这样的事情:(伪代码）

 var count = 0; if(div with count id=0 does not exist then .. ) { $(".check").attr("id","check_"+count); count++; } 

第三方函数thirdpartfunction.track（function（）{test（“test”）;}）

Answer 1

使用JQuery的.each（）

 $( ".check" ).each(function( i ) { $(this).attr('id', 'check' + i); $(this).append('
'); var script=document.createElement('script'); script.type='text/javascript'; script.innerHTML=" alert('"+i+"');"; $(this).find('div').append(script); }); 

这是一个工作的jsfiddle http://jsfiddle.net/puo906vn/4/

Answer 2

使用：

 var count = 0; if($('.check').attr('id') != 'check_'+0) { $(".check").attr("id","check_"+count); count++; } 

Answer 3

尝试这种更短的方式：

 $(".check").each(function(key,elem){ $(elem).attr('id', 'check_' + key) })