我寻找为什么closest()
在遍历树之前找到第一个自己的元素.
例如:当我点击children元素时,我想要fadeOut
父div
元素,但是children元素太多了div
,那么孩子们也是如此fadeOut
$(document).on("click", ".close", function() {
$(this).closest("div").fadeOut();
});
.feed {
width: 200px;
height: 200px;
background: red;
position: relative;
}
.close {
position: absolute;
top: 0;
right: 0;
}
X
为什么本身元素是谁fadeOut
而不是父div元素?
我知道parent()
得到父元素,但是closest()
应该遍历元素树.
你有一个具体的案例,在哪里得到它自己有用?
这是因为该.closest()
方法以当前元素开始遍历DOM.您可能需要该.parents()
方法,因为它将以父元素开头.
$(this).parents("div").fadeOut();
值得注意的是,该.parents()
方法返回零个或多个元素,而.closest()
返回零个或一个元素.因此,您可能希望.first()
在.parents()
方法之后链接以获得第一个匹配:
$(this).parents("div").first().fadeOut();
$(document).on("click", ".close", function() {
$(this).parents("div").first().fadeOut();
});
.feed {
width: 200px;
height: 200px;
background: red;
position: relative;
}
.close {
position: absolute;
top: 0;
right: 0;
}
X