jquery - jquery中动态附加id到动态div

Question

我正在尝试将 id 动态附加到动态生成的 div 中。最初，我有第一个带有“check”类的 div，然后单击“显示更多”按钮后，我们会渲染另一个具有相同类的 div。这里有一个ajax调用。结构如下:

<div class= "check">

</div>

显示更多点击:AJAX 调用

<div class= "check">

</div>

显示更多点击:AJAX 调用

<div class= "check">

</div>

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

<div class= "check" id = "check_0" >
    <div id = "test0">
  <script type = 'text/javascript'>
        thirdpartyfunction(function(){});
  </script>
  </div>
</div>


<div class= "check" id = "check_1" >
    <div id = "test1">
  <script type = 'text/javascript'>
        thirdpartyfunction(function(){});
  </script>
  </div>
</div>

<div class= "check" id = "check_2" >
    <div id = "test2">
  <script type = 'text/javascript'>
        thirdpartyfunction(function(){});
  </script>
  </div>
</div>

我尝试过的总是改变第一个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("测试");})

Answer 1

使用JQuery的.each()

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

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