在javascript中实现角度ng-repeat特征

我目前正在研究一种代码来实现像角度的ng-repeat。 基本上是html中的for循环。 代码使用类“loop”获取每个元素，并使用通过“info”属性给出的信息对其进行处理。 这是代码：HTML

 -i-  

使用Javascript

 $(".loop").each(function(i){ var loop_info=$(this).attr("data-info"); var fin=loop_info.match(/(.*) in (\d+) to (\d+)/); var variable=fin[1], initial=fin[2], final=fin[3]; var htm=$(this).html(),printed=""; for(j=initial;j<=final;j++){ var temp=htm; var r=new RegExp("-("+variable+")-","g") temp=temp.replace(r,j); printed+=temp; } $(this).html(printed); }); 

现在我还包括用数字替换 – 变量的function。

一切都很完美，但是当循环嵌套时，即

 
 
 -j- 
  

它不适用于嵌套循环，即-j-不会被数字替换。 我不知道为什么会这样，任何帮助都表示赞赏。

Answer 1

替换失败是因为HTML已更改，并且jQuery为for循环收集的下一个.loop引用不再代表之前的内容。

相反，让你的for循环走向相反的方向：

 $($(".loop").get().reverse()).each(function(i){ // etc... 

片段：

 $($(".loop").get().reverse()).each(function(i){ var loop_info=$(this).attr("info"); var fin=loop_info.match(/(.*) in (\d+) to (\d+)/); var variable=fin[1], initial=fin[2], final=fin[3]; var htm=$(this).html(),printed=""; for(j=initial;j<=final;j++){ var temp=htm; var r=new RegExp("-("+variable+")-","g") temp=temp.replace(r,j); printed+=temp; } $(this).html(printed); }); 

  
 
 -i-:-j-