📅  最后修改于: 2023-12-03 14:43:17.107000             🧑  作者: Mango
在使用jQuery进行DOM操作时,有时我们需要删除一个元素的父级元素,方法就是使用parent()
函数来选中父元素,然后使用remove()
函数删除它。但有时,我们需要删除最近的父级元素,即当前元素的父级元素,所以需要使用closest()
函数来选中最近的父级元素,然后再使用remove()
函数删除它。
使用closest()
函数选择最近的父级元素,然后使用remove()
函数删除它。以下是一个例子:
$(document).ready(function(){
$("button").click(function(){
$(this).closest("div").remove();
});
});
使用jQuery的$(document).ready()
函数,它在文档准备就绪时执行代码。当按钮被点击时,执行一个匿名函数。在这个匿名函数中,使用closest()
函数选择最近的父级元素div
,然后使用remove()
函数删除它。这个函数选择的是当前按钮的最近的父级元素,而不是其他同级元素的父级元素。
使用jQuery的closest()
函数可以选择最近的父级元素,这对于删除元素的父级元素是非常有用的。