使用jQuery删除父div中第一个div的最佳方法是什么？

Question

我有以下标记：

<div id="parent">
    <div id="divToRemove">
    </div>
</div>

我有以下jQuery删除第一个工作正常的div：

$('#parent').find('div').remove();

这是删除第一个组件的最佳方法吗？或者使用选择器更有效率？一个例子就是很棒！

请注意，我知道我可以使用：

$('#divToRemove').remove();

但是我希望能够在这种情况下使用选择器（超出问题范围的原因）。

谢谢， 常态。

Answer 1

这应该是最快最安全的：

$('#parent').find('div').first().remove();

Answer 2

你想要

$('#parent').find('div:first').remove();

或它将删除父<div>中的所有<div>。

Answer 3

让我们说。你正在做JS事件，你可以访问“这个” 我会这样做。

$('#child').click(function(){
    $(this).closest('div#parent').children('div:first').remove();
});

澄清，这不是最有效的方式，但在交互式事件中很有用。 或者，你可以使用一些选择器：

//closest,parent,next,prev,find,children and nth-child()

Answer 4

你可以试试这个。它在我身上很完美

。

$（ '＃父'）找到（ 'DIV：第一'）。除去（）;

Answer 5

$('#parent').children('div:first').remove();

如果您只是在谈论删除父母的直接子女div，请使用此方法。当你有更多的内部div时，它会比.find（）更好。

Answer 6

我还有一个：

$('#parent > div:first').remove();

'＆gt;'选择左边引用的元素的子元素，当然'：first'指的是第一个子元素。