jQuery是一種流行的JavaScript庫,可以簡化編寫JavaScript代碼的過程。它可以輕松實現諸如添加和刪除表格行等常見操作。在這篇文章中,我們將了解如何使用jQuery添加和刪除表格行。
<table id="myTable">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</tbody>
</table>
上面的HTML代碼創建了一個簡單的表格。現在,我們將在表格中添加一行。
$(document).ready(function() {
$("tbody").append("<tr><td>7</td><td>8</td><td>9</td></tr>");
});
上面的jQuery代碼在文檔加載完成后運行,并將一行添加到表格中的
元素中。現在我們來刪除該行:$(document).ready(function() {
$("tbody").append("<tr><td>7</td><td>8</td><td>9</td></tr>");
$("tbody tr:last").remove();
});
上面的代碼通過選擇最后一個行元素并將其刪除來刪除了新添加的行。
總之,使用jQuery添加和刪除表格行非常簡單。只需使用很少的代碼即可輕松完成這些任務。