使用下面给出的代码,我想删除其子元素为
ol
元素不包含任何
li
元素,但没有效果。
$(document).ready(function() {
$('#myUL li').each(function() {
var lenLi = $(this).find('ol').children('li').length;
if (lenLi == 0) {
$(this).remove();
}
})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<ol id="myUL">
<li>Hello 1</li>
<li>Hello 2
<ol></ol>
</li>
<li>Hello 3
<ol>
<li>Hello 3.1</li>
<li>Hello 3.2</li>
<li>Hello 3.3</li>
</ol>
</li>
</ol>
在执行上述代码后,hello 1和hello 2被删除。然而,hello 3的孩子们也都被删除了。
我的问题是为什么?
