删除子元素

Question

如何删除foo label以及div子元素和br's？

<label>qux</label>
<label>foo</label><div id="block">text</div><br /><br />
<label>bar</label>

我目前的临时方法:

$('label:contains("foo")').next().remove();
$('label:contains("foo")').remove();

我该如何改进呢？

Answer 1

就did on what html you posted在这里

试试这个:

 $('label:contains("foo")').remove(); // <-----------label contains foo removed
 $('#block').remove(); //<---------------------------div with id 'block' removed
 $('label:contains(qux)').nextAll('br').remove(); //<--finally all the br next to first label removed

结帐小提琴

甚至更好的一个.nextUntil():

$('label:contains("qux")').nextUntil($('label:contains(bar)'),$('label, br')).remove();

小提琴 .nextUntil()

Answer 2

非常简单:

$(元素).儿童()除去();

太简单...