jQuery .remove 不适用于嵌套元素

标签 jquery

我试图简单地删除 ul 中所有嵌套的 li 元素,但它不起作用。为什么这个片段不起作用?我缺少什么?

html

<ul id="myul">
</ul>
<br/>
<button onclick="add();">add</button><br/>
<button onclick="remAll();">remove all</button>

js

function add()
{
    $('#myul').append('<li>hello world</li>');
}

function remAll()
{
    $('#myul').remove('li');
}

http://jsfiddle.net/gPnxY/

最佳答案

请执行此操作,remove() 的选择器参数是相关对象的过滤器。 在这种情况下,相关对象只是 id 为 myUl 的单个元素。 ,因此不包含任何 <li>元素。

jsFiddle

$('#myul').find('li').remove();

$('#myul li').remove();

关于jQuery .remove 不适用于嵌套元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11254670/

相关文章:

javascript - 如何缩小 HighCharts 中 y 轴上数字之间的空间

javascript - 适合对象 : get resulting dimensions

jquery - 有人知道有一个带有 jQ​​uery 验证的自定义单选按钮/复选框实现吗?

javascript - 获取 fetch 在 Internet Explorer 11 中未定义?

javascript - 将 $get 结果字符串转换为 javascript 数组

更改 bg 图像的 jQuery 循环正在重新请求已加载的图像

JavaScript DOM : How can I get the class attribute value of an element in this situation?

javascript - 如果幻灯片在 JQuery 中结束,如何重复播放

javascript - 是/否按钮选择

jquery - 当对象没有类时如何不触发事件