blocks|key|814201|text|这应该是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|814202|$("ul").html('')|code-block|syntax|javascript|814203|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 should work:</p>

<pre><code>$("ul").html('')
</code></pre>


blocks|key|598702|text|$("ul").empty()工作得很好。还有其他错误吗？|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|598703|​|598704|$('input').click(function()+{
++$('ul').empty()
});|code-block|syntax|javascript|598705|<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
++<li>test</li>
++<li>test</li>
</ul>

<input+type="button"+value="click+me"+/>|598706|598707|http://jsfiddle.net/infernalbadger/D5ss8/|598708|entityMap|0|LINK|mutability|MUTABLE|url^0|0|F|0|0|0|0|0|0|15|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|13|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|P|3|Q|5|6|7|15|8|@]|D|@$9|16|A|17|1|18]]|E|$]]|$1|R|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|S|$T|$5|U|V|W|E|$X|Q]]]]

<p><code>$("ul").empty()</code> works fine. Is there some other error?</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('input').click(function() {
  $('ul').empty()
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;ul&gt;
  &lt;li&gt;test&lt;/li&gt;
  &lt;li&gt;test&lt;/li&gt;
&lt;/ul&gt;

&lt;input type="button" value="click me" /&gt;</code></pre>
</div>
</div>
</p>

<p><a href="http://jsfiddle.net/infernalbadger/D5ss8/" rel="noreferrer">http://jsfiddle.net/infernalbadger/D5ss8/</a></p>


blocks|key|598715|text|使用.remove()的示例|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|598716|<p>Remove+LI's+from+list</p>
<ul>
++++<li>Test</li>
++++<li>Test</li>
++++<li>Test</li>
++++<li>Test</li>
++++<li>Test</li>
</ul>
<p>END</p>

setTimeout(function(){$('ul+li').remove();},1000);|code-block|syntax|javascript|598717|http://jsfiddle.net/userdude/ZAd2Y/|598718|还有，.empty()+should+have+worked。|598719|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/remove/|1|2|http://api.jquery.com/empty/|3|http://jsfiddle.net/userdude/ZAd2Y/1/^0|2|9|2|9|0|0|0|0|Z|1|0|3|8|3|8|2|C|I|3|0^^$0|@$1|2|3|4|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@$9|14|A|15|1|16]]|E|$]]|$1|F|3|G|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|18|8|@]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|M|3|N|5|6|7|1C|8|@$9|1D|A|1E|B|C]]|D|@$9|1F|A|1G|1|1H]|$9|1I|A|1J|1|1K]]|E|$]]|$1|O|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|L]]|X|$5|R|S|T|E|$U|Y]]|Z|$5|R|S|T|E|$U|10]]]]

<p>An example using <a href="http://api.jquery.com/remove/" rel="nofollow"><code>.remove()</code></a>:</p>

<pre><code>&lt;p&gt;Remove LI's from list&lt;/p&gt;
&lt;ul&gt;
    &lt;li&gt;Test&lt;/li&gt;
    &lt;li&gt;Test&lt;/li&gt;
    &lt;li&gt;Test&lt;/li&gt;
    &lt;li&gt;Test&lt;/li&gt;
    &lt;li&gt;Test&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;END&lt;/p&gt;

setTimeout(function(){$('ul li').remove();},1000);
</code></pre>

<p><a href="http://jsfiddle.net/userdude/ZAd2Y/" rel="nofollow">http://jsfiddle.net/userdude/ZAd2Y/</a></p>

<p>Also, <a href="http://api.jquery.com/empty/" rel="nofollow"><code>.empty()</code></a> <a href="http://jsfiddle.net/userdude/ZAd2Y/1/" rel="nofollow">should have worked</a>.</p>


blocks|key|814294|text|正如其他人所指出的，$('ul').empty()+works+fine，正如所做的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|814295|$('ul+li').remove();|code-block|syntax|javascript|814296|JS+Fiddle+demo。|814297|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/davidThomas/n5ULH/1/|1|http://jsfiddle.net/davidThomas/n5ULH/^0|A|F|Q|A|0|0|0|0|E|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@]|D|@$9|14|A|15|1|16]]|E|$]]|$1|M|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]]]

<p>As noted by others, <code>$('ul').empty()</code> <a href="http://jsfiddle.net/davidThomas/n5ULH/1/" rel="noreferrer">works fine</a>, as does:</p>

<pre><code>$('ul li').remove();
</code></pre>

<p><a href="http://jsfiddle.net/davidThomas/n5ULH/" rel="noreferrer">JS Fiddle demo</a>.</p>


blocks|key|598769|text|$("ul").empty()应该可以工作并清除子节点。你可以在这里看到它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|598770|http://jsfiddle.net/ZKFA5/|offset|length|598771|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|Q|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

<p>$("ul").empty() should work and clear the childrens.
you can see it here:</p>

<p><a href="http://jsfiddle.net/ZKFA5/" rel="nofollow">http://jsfiddle.net/ZKFA5/</a></p>


blocks|key|598800|text|查看你的类或id。也许像这样的$("#resi_result").html('')；这应该是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|598801|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Look your class or id. Perhaps Like This 
$("#resi_result").html(''); This should work:</p>


blocks|key|814424|text|如果您有多个ul，并且想清空特定的ul，则使用id，例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|814425|<ul+id="randomName">
+++<li>1</li>
+++<li>2</li>
+++<li>3</li>
</ul>


<script>
++$('#randomName').empty();
</script>|code-block|syntax|javascript|814426|​|814427|$('input').click(function()+{
++$('#randomName').empty()
})|814428|<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul+id="randomName">
++<li>1</li>
++<li>2</li>
++<li>3</li>
</ul>

<ul>
++<li>4</li>
++<li>5</li>
</ul>
<input+type="button"+value="click+me"+/>|814429|814430|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|R|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|M|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

<p>If you have multiple ul and want to empty specific ul then use id eg:</p>

<pre><code>&lt;ul id="randomName"&gt;
   &lt;li&gt;1&lt;/li&gt;
   &lt;li&gt;2&lt;/li&gt;
   &lt;li&gt;3&lt;/li&gt;
&lt;/ul&gt;


&lt;script&gt;
  $('#randomName').empty();
&lt;/script&gt;
</code></pre>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('input').click(function() {
  $('#randomName').empty()
})</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;

&lt;ul id="randomName"&gt;
  &lt;li&gt;1&lt;/li&gt;
  &lt;li&gt;2&lt;/li&gt;
  &lt;li&gt;3&lt;/li&gt;
&lt;/ul&gt;

&lt;ul&gt;
  &lt;li&gt;4&lt;/li&gt;
  &lt;li&gt;5&lt;/li&gt;
&lt;/ul&gt;
&lt;input type="button" value="click me" /&gt;</code></pre>
</div>
</div>
</p>


blocks|key|814458|text|+++var+ul+=+document.getElementById("yourElementId");

+++++while+(ul.firstChild)
+++++++++ul.removeChild(ul.firstChild);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|814459|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>   var ul = document.getElementById("yourElementId");

     while (ul.firstChild)
         ul.removeChild(ul.firstChild);
</code></pre>


blocks|key|814478|text|这对我来说用最少的代码就行了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|814479|$(my_list).remove('li');|code-block|syntax|javascript|814480|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 worked for me with minimal code</p>

<pre><code>$(my_list).remove('li');
</code></pre>


<p>I forgot the jQuery command that will clear all list elements from a list. I did a bit of searching, done it a bunch of times before, but just simply forgot the command.</p>

<pre><code>$("ul").clear()
$("ul").empty()
</code></pre>

<p>both didn't seem to accomplish this.. which command is it again?</p>

<p>UPDATE:<br>
Thanks guys, I must have some syntax error on my selector.</p>


jQuery remove all list items from an unordered list

jQuery

我忘记了jQuery命令，该命令将清除列表中的所有列表元素。我做了一些搜索，之前做了很多次，但就是忘记了命令。$("ul").clear()$("ul").empty()两个人似乎都没有做到这一点。再说一遍是哪个命令？更新：谢谢你们，我的选择器肯定有语法错误。

问jQuery从无序列表中删除所有列表项
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery从无序列表中删除所有列表项EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery从无序列表中删除所有列表项
EN