Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
什么';使用jQuery删除父div中的第一个div的最佳方法是什么?_Jquery_Jquery Selectors - Fatal编程技术网

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

什么';使用jQuery删除父div中的第一个div的最佳方法是什么?,jquery,jquery-selectors,Jquery,Jquery Selectors,我有以下标记: <div id="parent"> <div id="divToRemove"> </div> </div> 这是移除第一个组件的最佳方法吗?还是使用选择器更有效?举个例子就好了 请注意,我知道我可以使用: $('#divToRemove').remove(); 然而,我希望能够在这种情况下使用选择器(问题范围之外的原因) 谢谢, 诺姆。你想要什么 $('#parent').find('div:first').r

我有以下标记:

<div id="parent">
    <div id="divToRemove">
    </div>
</div>
这是移除第一个组件的最佳方法吗?还是使用选择器更有效?举个例子就好了

请注意,我知道我可以使用:

$('#divToRemove').remove();
然而,我希望能够在这种情况下使用选择器(问题范围之外的原因)

谢谢, 诺姆。

你想要什么

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

或者,它将删除父级
中的所有

这应该是最快和最安全的:

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

你可以试试这个。它对我很管用

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


如果您只想删除父项的直接子项div,请使用此选项。当您有更多的内部div时,它将比.find()更好。

比方说。您正在执行JS事件,您可以访问“此” 我会这样做的

$('#child').click(function(){
    $(this).closest('div#parent').children('div:first').remove();
});
澄清一下,这不是最有效的方式,但在互动活动中很有用。 或者,您可以使用一些选择器:

//closest,parent,next,prev,find,children and nth-child()
我还有一个:

$('#parent > div:first').remove();
“>”选择左侧引用的元素的子元素,当然“:first”表示第一个子元素

//closest,parent,next,prev,find,children and nth-child()
$('#parent > div:first').remove();