如何在for循环jQuery中添加1项特定项目...？

-1

<body> 
    <table id="tab"> 
     <tr>1</tr> 
     <tr>2</tr> 
     <tr>3</tr> 
     <tr>4</tr> 
    </table> 
    <button class="add-row">Add Row</button> 
    <script src="jquery.js"></script> 
    <script> 
     $(document).ready(function(){ 

      $('.add-row').click(function(){ 
       var lttr = $('#tab tr:last-child'); 
       var currenttr = 1; 
       for (currenttr; currenttr <= 10; currenttr++) { 
        lttr.after('<tr></tr>'); 
       } 
      }); 

     }); 
    </script> 
</body>

这个代码添加10排当u点击按钮。但我的问题是在这里：
我想添加我的数据属性之间的项目，（例如第4和第5）for循环！
我的意思是这样的形式：

<tr></tr> 
<tr></tr> 
<tr></tr> 
<tr date-my-attr="value"></tr> 
<tr></tr> 
<tr></tr> 
<tr></tr> 
<tr></tr> 
<tr></tr>

我怎么可以这样......？

来源

2013-11-15 Mohsen Rasouli

**如果**你可以保持头脑，当你所有关于\正在失去他们并且责备你，**如果**当所有人都怀疑你时，你可以相信自己，但是也要考虑到他们的怀疑; [**如果** - BY RUDYARD KIPLING]（http://www.poetryfoundation.org/poem/175772） –

$('.add-row').click(function(){ 
       var lttr = $('#tab tr:last-child'); 
       var currenttr = 1; 
       for (currenttr; currenttr <= 10; currenttr++) { 
        if(currenttr==4 || currenttr==5) 
        { 
        lttr.after('<tr date-my-attr="value" ></tr>'); 
        } else{ 
         lttr.after('<tr ></tr>');     
        }    
      } 
     });

来源

2013-11-15 11:22:10

这将属性添加到第四表行：

for (currenttr; currenttr <= 10; currenttr++) { 
    if (currenttr == 4) { 
     lttr.after('<tr date-my-attr="value"></tr>'); 
    } 
    else { 
     lttr.after('<tr></tr>'); 
    } 
}

来源

2013-11-15 11:22:44 greg84

尝试这样的事情

 $(document).ready(function(){ 

      $('.add-row').click(function(){ 
       var currenttr = 1; 
       var tr = '' 
       for (currenttr; currenttr <= 10; currenttr++) { 
        if(currenttr == 4 || currenttr == 5){ 
         tr += '<tr date-my-attr="value"></tr>'; 
        }else{ 
         tr += '<tr></tr>'; 
        } 
       } 
       $('#tab').append(tr); 
      }); 

     });

来源

2013-11-15 11:29:59

这应该净你所期望的结果：

$(".add-row").click(addTenRows); 

function addTenRows() { 
    var rows = $("<div>"); 

    while ($(rows).children().length <= 10) 
     $(rows).append($("<tr/>")); 

    $("tr:eq(3)", rows).attr({"date-my-attr": "value"}); 

    $("#tab").append($(rows).children()); 
}

来源

2013-11-15 11:36:02 Ryan

如何在for循环jQuery中添加1项特定项目...？

回答

相关问题