如何在現有的行中動態插入單元格

我是jquery和javascript.Here的新手，如果在第一個表中選中複選框，我將行添加到第二個表中，但我需要一些額外的單元格行。我正在嘗試這樣。它每次都複製單元格。我已經包含了輸出的截圖。誰能幫幫我嗎。提前致謝。如何在現有的行中動態插入單元格

function table2() 
{ 
$('#one').on("click", function(){ 
    $('#one tbody input:checked').parent().parent().appendTo("#two"); 
    $('#two tr').append('<td> </td>','<td> </td>','<td> </td>', '<td> </td>','<td> </td>','<td> </td>','<td> </td>','<td> </td>','<td> </td>'); 
});

https://jsfiddle.net/95uq7pz3/

來源

2017-07-18 Raghavi

能否請您發表您HTML嗎？ –

你能提供更多的代碼和詳細說明嗎？我不確定發生了什麼，或者你想要做什麼。 –

請親切地檢查jsfiddle @ VadimOvchinnikov – Raghavi

所以這很簡單，你只需要通過每一行（TR）和TD追加到它。

$('button').click(function() { 
 
    $('table').find('tr').each(function(i) { 
 
    $(this).append('<td>' + i + '</td>'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border="1"> 
 
    <tr> 
 
    <td>_0</td> 
 
    </tr> 
 
    <tr> 
 
    <td>_1</td> 
 
    </tr> 
 
</table> 
 
<br> 
 
<button>Add a column</button>

來源

2017-07-18 05:36:12 Kiwad

我試圖添加這樣的。但它又是重複的。它每次都像我之前包含的截圖一樣添加單元格。函數table2（） $（'＃one'）。on（「click」，function（）{'＃tbody input：checked'）。parent（）。parent（）。appendTo（「＃」兩個「）; add（）; }）; } 函數add（）{ $（ '＃兩個'）。找到（ 'TR'）。每個（函數（I）{$ （本）.append（ ''+ I +''） ; }）; } – Raghavi

好的，它可以，如果它不完全是。那麼你能否更具體地說明你想達到的結果？ – Kiwad

是的..上面的代碼工作。但它的每一次都在複製。如果複選框被選中，我將table1（包含3列）的行添加到table2（包含3列）+（額外10列）。除此之外，我需要一些細胞爲13列......你可以看到我的jsfiddle也清楚理解。@ kiwad – Raghavi

如何在現有的行中動態插入單元格

回答

相關問題