Question

除main元素外，如何删除ul内的所有内容？

<div id="main">
 <div id="a">
  <div id="b">
    <div id="c"></div>
    <div id="d"></div>
    <div id="e">
      <ul></ul>
    </div>
  </div>
 </div>
</div>

Answer 1

假设期望的结果是<div id="main"><ul></ul></div>，并且您希望保留所有<ul>（或者如果只有一个）：

$( '#main' ).html( $( '#main ul' ) );

演示：http://jsfiddle.net/pEvNt/

执行$( '#main' ).not( 'ul' ).remove()是行不通的，因为它会删除ul的父母和ul（参见http://jsfiddle.net/h67Ge/）。

Answer 2

尝试：

$('#main').children().not('ul').remove();

Answer 3

可以做到这一点

  $('#main ul').detach().prependTo('#main').siblings().remove();

Answer 4

$("ul", "#main").appendTo($("#main")).siblings().remove();

FIDDLE

除了一个之外，jQuery删除了div孩子们

4 个答案: