如何使用Javascript在tbody的最後一行添加行

我是JQuery和Javascript中的新成員。這是我的代碼：如何使用Javascript在tbody的最後一行添加行

的Javascript：

var newRow = '<tr>abc</tr>'; 
$('#itemTable tr:last').before(newRow);

HTML代碼：

<table id='itemTable'> 
<tbody> 
<tr>zxcv</tr> 
</tbody> 
<tfoot> 
<tr>asdfghjk</tr> 
</tfoot> 
</table>

如果使用JavaScript裏面添加的新行的上方，但我想之前裏面添加TBODY新行最後tr。如何解決它？

謝謝

來源

2017-04-04 Michael

所以選擇TBODY – epascarello

' abc'是無效的標記。你需要''在一排內。將目標添加到您的選擇器中：'$（'＃itemTable tbody tr：last'）。before（newRow）;' – billynoah

所有你需要知道的表結構html Table

1）發現身體和之前的最後一個

var newRow = '<tr><td>abc</td></tr>'; 
 
$('#itemTable tbody tr:last').before(newRow);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<table id='itemTable' border="2px"> 
 
    <tbody> 
 
     <tr> 
 
      <td>zxcv</td> 
 
     </tr> 
 
    </tbody> 
 
    <tfoot> 
 
     <tr> 
 
      <td>asdfghjk</td> 
 
     </tr> 
 
    </tfoot> 
 
</table>

來源

2017-04-04 04:09:06 JYoThI

呢？所以追加到TBODY

var newRow = '<tr><td>abc</td></tr>'; 
$('#itemTable tbody').append(newRow);

如果您在TBODY最後一行時希望它比選擇在TBODY的最後一行，並插入之前。

$('#itemTable tbody tr').last().before(newRow);

來源

2017-04-04 04:05:51 epascarello

他說他希望它在* tbody中的最後一行之前 - 這不會去做。 – billynoah

@billynoah最後tr是tfoot（這就是我讀到的問題） – epascarello

好的 - 我想這有點不清楚，OP應該澄清哪個「最後」他的意思。 – billynoah

追加你可以檢查它的第一個這樣：

$('#itemTable tbody tr:last').before(newRow);

來源

2017-04-04 04:18:33

您應該使用tr中的td來包含實際值。然後針對最後tr內tbody和使用after()像下面這樣：

var newRow = '<tr><td>abc</td></tr>'; 
 
$('#itemTable tbody tr:last').after(newRow);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id='itemTable'> 
 
    <tbody> 
 
     <tr><td>zxcv</td></tr> 
 
    </tbody> 
 
    <tfoot> 
 
     <tr><td>asdfghjk</td></tr> 
 
    </tfoot> 
 
</table>

來源

2017-04-04 04:19:34 Mamun

你可以試試這個

var newRow = '<tr><td>abc</td></tr>'; 
 
$('#itemTable tbody tr:last').before(newRow);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id='itemTable'> 
 
<tbody> 
 
<tr><td>aaa</td></tr> 
 
<tr><td>CCC</td></tr> 
 
</tbody> 
 
<tfoot>

來源

2017-04-04 04:19:37

如何使用Javascript在tbody的最後一行添加行

回答

相關問題