JQuery的：上點擊一個div

<table id="#cells"> 
    <script type="text/javascript"> 
     for(var j = 0; j < 2; j++) { 
      document.write('<tr>'); 
      for(var i = 0; i < 9; i++){ 
       document.write('<td></td>'); 
      } 
      document.write('</tr>'); 
     } 
     $('#arrow').click(function(){ 
      $('#cells').empty(); 
      for(var k = 0; k < 2; k ++){ 
       $('#cells').append('<tr>'); 
       for(i = 0; i < 9; i++){ 
        $('#cells').append('<td></td>'); 
       } 
       $('#cells').append('</tr>'); 
      } 
     }); 
    </script> 
</table>

好編輯表..我有上面的代碼，其完全適用於第一2個環路（將出現一個表2行9列）JQuery的：上點擊一個div

但在第二2循環將出現一個表有一個行和列18 ..

我不知道如何解決這個正確

任何想法將有助於..謝謝

來源

2016-02-04 Elmishtawy

你不能只追加打開或使用jQuery結束標籤，你就必須追加整個'「 ....」'串一次。或者，您可以首先'.append（「」）'，它返回''元素，然後附加'* that *'，以便'td'成爲'tr'的子元素。。有關詳細信息，請參見[doc]（http://api.jquery.com/append/）。 – Kenney

您必須將table id從

'更改爲'

'以便jQuery找到它 –

爲什麼以這種方式編寫元素?,它非常昂貴 – dexhering

回答

你應該插入<tr></tr>個代碼在一起。

$('#arrow').click(function(){ 
    var str = ''; 
    $('#cells').empty(); 
    for(var k = 0; k < 4; k ++){ 
     str += '<tr>'; 
     for(i = 0; i < 9; i++){ 
      str += '<td></td>'; 
     } 
     str += '</tr>'; 
    } 
    $('#cells').append(str); 
});

來源

2016-02-04 02:33:40

你修好了..謝謝 – Elmishtawy

相關問題