blocks|key|3264622|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3264623|$("#yourtableid+tr").remove();|code-block|syntax|javascript|3264624|如果您想保留数据以供将来使用，即使在移除数据之后，也可以使用|3264625|$("#yourtableid+tr").detach();|3264626|如果行是表的子项，则可以使用子选择器而不是子项选择器，例如|3264627|$("#yourtableid+>+tr").remove();|3264628|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Use <strong><a href="http://api.jquery.com/remove/" rel="noreferrer">.remove()</a></strong></p>

<pre><code>$("#yourtableid tr").remove();
</code></pre>

<p>If you want to keep the data for future use even after removing it then you can use <strong><a href="http://api.jquery.com/detach/" rel="noreferrer">.detach()</a></strong></p>

<pre><code>$("#yourtableid tr").detach();
</code></pre>

<p>If the rows are children of the table then you can use child selector instead of descendant selector, like</p>

<pre><code>$("#yourtableid &gt; tr").remove();
</code></pre>


blocks|key|3050960|text|如果您想要清除数据但保留标题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3050961|$('#myTableId+tbody').empty();|code-block|syntax|javascript|3050962|表格格式必须是这样的：|3050963|<table+id="myTableId">
++++<thead>
++++++++<tr>
++++++++++++<th>header1</th><th>header2</th>
++++++++</tr>
++++</thead>
++++<tbody>
++++++++<tr>
++++++++++++<td>data1</td><td>data2</td>
++++++++</tr>
++++</tbody>
</table>|3050964|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>If you want to clear the data but keep the headers:</p>

<pre><code>$('#myTableId tbody').empty();
</code></pre>

<p>The table must be formatted in this manner:</p>

<pre><code>&lt;table id="myTableId"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;header1&lt;/th&gt;&lt;th&gt;header2&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td&gt;data1&lt;/td&gt;&lt;td&gt;data2&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>


blocks|key|3050927|text|比单独删除每一个都要快一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3050928|$('#myTable').empty()|code-block|syntax|javascript|3050929|从技术上讲，这也会删除thead、tfoot和tbody元素。|offset|length|style|CODE|3050930|entityMap^0|0|0|B|5|H|5|N|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

<p>Slightly quicker than removing each one individually:</p>

<pre><code>$('#myTable').empty()
</code></pre>

<p>Technically, this will remove <code>thead</code>, <code>tfoot</code> and <code>tbody</code> elements too.</p>


blocks|key|3051021|text|我需要这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3051022|$('#myTable+tbody+>+tr').remove();|code-block|syntax|javascript|3051023|它删除除标题之外的所有行。|3051024|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I needed this: </p>

<pre><code>$('#myTable tbody &gt; tr').remove();
</code></pre>

<p>It deletes all rows except the header.</p>


blocks|key|3264790|text|核选项：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3264791|$("#yourtableid").html("");|code-block|syntax|javascript|3264792|销毁#yourtableid中的所有内容。小心你的选择器，因为它会破坏你传递的选择器中的任何html！|offset|length|style|CODE|3264793|entityMap^0|0|0|2|C|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>The nuclear option:</p>

<pre><code>$("#yourtableid").html("");
</code></pre>

<p>Destroys everything inside of <code>#yourtableid</code>.  Be careful with your selectors, as it will destroy <em>any</em> html in the selector you pass!</p>


blocks|key|308986|text|$("#employeeTable+td").parent().remove();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|308987|这将删除将td作为子对象的所有tr。也就是说，除标题外的所有行都将被删除。|unstyled|offset|length|style|CODE|308988|entityMap^0|0|5|2|F|2|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]|$G|Q|H|R|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|S|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>$("#employeeTable td").parent().remove();
</code></pre>

<p>This will remove all <code>tr</code> having  <code>td</code> as child. i.e all rows except the header will be deleted.</p>


blocks|key|3264870|text|这将删除属于正文的所有行，从而保持标题和正文的完整性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3264871|$("#tableLoanInfos+tbody+tr").remove();|code-block|syntax|javascript|3264872|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This will remove all of the rows belonging to the body, thus keeping the headers and body intact:</p>

<pre><code>$("#tableLoanInfos tbody tr").remove();
</code></pre>


blocks|key|314141|text|<table+id="myTable"+class="table"+cellspacing="0"+width="100%25">
++++<thead>
++++++++<tr>
++++++++++++<th>Header+1</th>
++++++++++++<th>Header+2</th>
++++++++++++<th>Header+3</th>
++++++++</tr>
++++</thead>
++++<tbody+id="tblBody">

++++</tbody>
</table>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|314142|并删除：|unstyled|314143|$("#tblBody").empty();|314144|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>&lt;table id="myTable" class="table" cellspacing="0" width="100%"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;Header 1&lt;/th&gt;
            &lt;th&gt;Header 2&lt;/th&gt;
            &lt;th&gt;Header 3&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody id="tblBody"&gt;

    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>And Remove:</p>

<pre><code>$("#tblBody").empty();
</code></pre>


blocks|key|3051073|text|++$('#myTable+>+tr').remove();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3051074|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>  $('#myTable &gt; tr').remove();
</code></pre>


blocks|key|3051085|text|有一个这样的表(有一个标题和一个主体)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3051086|<table+id="myTableId">
++++<thead>
++++</thead>
++++<tbody>
+++</tbody>
</table>|code-block|syntax|javascript|3051087|删除#tableId内具有名为tbody的父级的所有tr|3051088|$('#tableId+tbody+>+tr').remove();|3051089|如果您想要添加到表中，则反之亦然|3051090|$('#tableId+tbody').append("<tr><td></td>....</tr>");|3051091|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Having a table like this (with a header and a body)</p>

<pre><code>&lt;table id="myTableId"&gt;
    &lt;thead&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
   &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>remove every tr having a parent called tbody inside the #tableId</p>

<pre><code>$('#tableId tbody &gt; tr').remove();
</code></pre>

<p>and in reverse if you want to add to your table</p>

<pre><code>$('#tableId tbody').append("&lt;tr&gt;&lt;td&gt;&lt;/td&gt;....&lt;/tr&gt;");
</code></pre>


<p>I have an <strong>HTML table</strong> filled with a number of rows.  </p>

<p>How can I <strong>remove</strong> all the rows from the table?</p>


clear table jquery

我有一个填充了许多行的HTML表。如何从表中删除所有行?I the table  all How？

问清除表jquery
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问清除表jqueryEN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问清除表jquery
EN