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|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|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|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|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>


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|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>


<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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问清除表jqueryEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问清除表jquery
EN