使用.closest()比较最近的id
使用.closest()比较最近的id
提问于 2020-12-31 07:24:33
我正在检查与selected类最近的id是否为toshow。从代码中可以看出，条件应该是真的，但它在控制台中显示为false。
- 为什么它显示为假？
- 如何在控制台中显示它的真？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demo part 1</title>
</head>
<body>
<div style="width:500px;">div (great-grandparent)
<ul>ul (second ancestor - second grandparent)
<div id="toshow"">ul (first ancestor - first grandparent)
<li>li (direct parent)
<button class="selected">span</span>
</li>
</ul>
</ul>
</div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
console.log($(".selected").closest("[id]") == "toshow");
</script>
</html>
回答 2
Stack Overflow用户
发布于 2020-12-31 07:31:36
closest是DOM选择器函数。结果是对元素的引用。您希望对照返回元素的id进行检查：
console.log($(".selected").closest("[id]").attr('id') == "toshow");
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demo part 1</title>
</head>
<body>
<div style="width:500px;">div (great-grandparent)
<ul>ul (second ancestor - second grandparent)
<div id="toshow"">ul (first ancestor - first grandparent)
<li>li (direct parent)
<button class="selected">span</span>
</li>
</ul>
</ul>
</div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
console.log($(".selected").closest("[id]").attr('id') == "toshow");
</script>
</html>
Stack Overflow用户
发布于 2020-12-31 07:34:55
您应该比较attr，它的返回元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demo part 1</title>
</head>
<body>
<div style="width:500px;">div (great-grandparent)
<ul>ul (second ancestor - second grandparent)
<div id="toshow"">ul (first ancestor - first grandparent)
<li>li (direct parent)
<button class="selected">span</span>
</li>
</ul>
</ul>
</div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
console.log($(".selected").closest("[id]").attr("id") == "toshow");
</script>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65517875
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号