如何在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項特定項目...？

回答

相關問題