什么';使用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();