javascript - jquery .closest() 在尝试访问最近的上层 div 时选择自身

Question

你好其实我想要的是隐藏一个div元素的直接上层div，如果它是空的

所以我写了这样的代码

if ($.trim($('#searchQuery').html()) == '') {

    $('#searchQuery').closest("div").css("display", "none");
}

具有 id searchQuery 的元素本身就是 div，所以它正在做的是隐藏自己。

任何人都知道在这种情况下该怎么做为什么它的行为是这样的？？

Answer 1

参见 Jquery .closest()文档。

Jquery.closest()

对于集合中的每个元素，通过测试元素本身并向上遍历其在 DOM 树中的祖先，获取与选择器匹配的第一个元素。

1 .Begins with the current element

您的选择器 [.closest("div")] 引用当前元素 #searchQuery

2. Travels up the DOM tree until it finds a match for the supplied selector

#searchQuery是DOM树中的第一个元素，与当前选择器完美匹配[.closest("div")]

更新:

在这里你可以使用.parent() , .prev()选择器而不是使用 .closest()。

或者您可以将 .closest() 选择器与 .not() 一起使用选择器。