我有一個多行和多列的表。我克隆了表并喜歡洗掉所有 td 但不是第一個
例如:
<table id="cloneto">
<tr><td>First</td><td>Second</td>....<tr>
<tr><td>First</td><td>Second</td>....<tr>
<tr><td>First</td><td>Second</td>....<tr>
</table>
container.append($("#cloneto").clone().remove(?????))
克隆表的結果應如下所示:
<table id="cloneto">
<tr><td>First</td><tr>
<tr><td>First</td><tr>
<tr><td>First</td><tr>
</table>
uj5u.com熱心網友回復:
您可以使用第 n 個子選擇器來選擇<td>每行中第一個之后的所有元素
const container = $("#container");
container.append(
$("#cloneto")
.clone()
.find("tr td:nth-child(n 2)") // find the 2nd and onward cells
.remove() // remove them
.end() // return to the clone
);
table { table-layout: fixed; border-collapse: collapse; border: 1px solid; margin: 1rem; }
td { border: 1px solid; padding: .2rem; }
#container { background-color: #ccc; padding: .5rem 0; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
<table id="cloneto">
<tr><td>First</td><td>Second</td><td>Third</td><tr>
<tr><td>First</td><td>Second</td><td>Third</td><tr>
<tr><td>First</td><td>Second</td><td>Third</td><tr>
</table>
<div id="container"></div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/457357.html
標籤:jQuery
