如何使用jQuery在UL中删除HTML元素?

时间:2020-11-27 19:39:49

I have the following HTML code:

我有以下HTML代码:

<ul class="message" id="stats-results">
   <li>DS1 Records: <span id="ds1Count"></span></li>
   <li>DEV Records: <span id="devCount"></span></li>
</ul>

Is there an easy way for me to completely remove the li elements from the ul using jQuery?

是否有一种简单的方法可以让我使用jQuery从ul中完全删除li元素?

3 个解决方案

#1


5  

There a method just for that, empty()

这里有一个方法,empty()

$('#stats-results').empty();

Description: Remove all child nodes of the set of matched elements from the DOM.

描述:删除来自DOM的匹配元素集的所有子节点。

No need for "tricks".

不需要“技巧”。

#2


1  

$("#stats-results").html("");

This will remove all li elements

这将删除所有的li元素。

#3


0  

Try $('ul.message li').remove();

$(' ul。李消息”).remove();

#1


5  

There a method just for that, empty()

这里有一个方法,empty()

$('#stats-results').empty();

Description: Remove all child nodes of the set of matched elements from the DOM.

描述:删除来自DOM的匹配元素集的所有子节点。

No need for "tricks".

不需要“技巧”。

#2


1  

$("#stats-results").html("");

This will remove all li elements

这将删除所有的li元素。

#3


0  

Try $('ul.message li').remove();

$(' ul。李消息”).remove();