blocks|key|371772|text|因为有和id，所以可以使用它作为id选择器，因为id在文档中是唯一的--在本例中不需要使用任何关系查找。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|371773|var+target+=+$('#target')|code-block|syntax|javascript|371774|如果您有像上面这样的模式，anchor元素后面跟着一个span元素，那么使用一个class属性而不是id。在这种情况下，span是anchor元素的前一个同级，因此您需要使用.prev()。|offset|length|style|CODE|371775|<span+class='target'>
<a></a>

var+target+=+$(this).prev('.target');//+$(this).prev()+is+sufficient+|371776|.closest()将寻找一个祖先元素，而不是同级元素。|371777|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/prev/|1|http://api.jquery.com/closest/^0|0|0|D|6|R|4|1E|2|1O|4|1T|6|2F|7|0|0|0|0|A|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@$I|13|J|14|K|L]|$I|15|J|16|K|L]|$I|17|J|18|K|L]|$I|19|J|1A|K|L]|$I|1B|J|1C|K|L]]|9|@$I|1D|J|1E|1|1F]]|A|$]]|$1|M|3|N|5|D|7|1G|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1H|8|@]|9|@$I|1I|J|1J|1|1K]]|A|$]]|$1|Q|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

Since you have and id, you can use it as an id-selector because id will be unique in a document - there is no need to use any relational lookup in this case.

<pre><code>var target = $('#target')
</code></pre>

If you have a pattern like above where a <code>anchor</code> element is followed by a <code>span</code> element then use a class attribute instead of <code>id</code>. In such a case the <code>span</code> is the previous sibling of the <code>anchor</code> element so you need to use <a href="http://api.jquery.com/prev/" rel="nofollow">.prev()</a>.

<pre><code>&lt;span class='target'&gt;&lt;/span&gt;
&lt;a&gt;&lt;/a&gt;

var target = $(this).prev('.target');// $(this).prev() is sufficient 
</code></pre>

<a href="http://api.jquery.com/closest/" rel="nofollow">.closest()</a> will look for an ancestor element, not for a sibling.

blocks|key|370578|text|Closest('#target')不会在这里工作，因为a标记是span#target的兄弟，而不是父标记。使用Closest查找这两个元素的父元素，然后进行查找以获得target+span，或者只使用.prev获取同级target+span。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|370579|$(this).closest("div").find("#target");|code-block|syntax|javascript|370580|或|370581|$(this).prev("#target");|370582|entityMap^0|0|I|S|1|W|B|1K|7|2C|6|2T|5|32|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|P|$]]

<code>Closest('#target')</code> isn't going to work here since the <code>a</code> tag is a sibling to <code>span#target</code> not a parent. Use <code>Closest</code> to find the parent element for both of these and then do a find to get your <code>target</code> span, or just use <code>.prev</code> to get sibling <code>target</code> span.

<pre><code>$(this).closest("div").find("#target");
</code></pre>

or

<pre><code>$(this).prev("#target");
</code></pre>

blocks|key|1586921|text|“关闭”不检查兄弟姐妹，而是检查元素及其父元素jQuery.closest。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1586922|对于集合中的每个元素，通过测试元素本身并遍历DOM树中的祖先，获得与选择器匹配的第一个元素。|blockquote|1586923|在您的例子中，<a>和是兄弟姐妹，而不是父/子-所以使用closest不会从a找到span。|style|CODE|1586924|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/closest/^0|N|E|0|0|0|7|3|B|6|Y|7|18|1|1B|4|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$]]|$1|G|3|H|5|6|7|X|8|@$A|Y|B|Z|I|J]|$A|10|B|11|I|J]|$A|12|B|13|I|J]|$A|14|B|15|I|J]|$A|16|B|17|I|J]]|9|@]|C|$]]|$1|K|3|-4|5|6|7|18|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

Closes does not check siblings, it check element and its parents <a href="http://api.jquery.com/closest/" rel="nofollow">jQuery.closest</a>

<blockquote>
 For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
</blockquote>

In your case <code>&lt;a&gt;</code> and <code>&lt;span&gt;</code> are siblings, not parent/child - so using <code>closest</code> will not find <code>span</code> starting from <code>a</code>.

I want to use closest to traverse select an item, my html as below :

<pre><code>&lt;span id='target'&gt;&lt;/span&gt;
&lt;a&gt;&lt;/a&gt;
</code></pre>

jquery

<pre><code>assume 'a' = $(this),
then I do $(this).closest('#target');
</code></pre>

but it seem it doesn't select the #target.. what's wrong here?

closest() traversing not working in my case

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想使用最近的遍历来选择一个项目，我的html如下所示：<a></a>jqueryassume 'a' = $(this),then I do $(this).closest('#target');但似乎没有选择#目标..。这里怎么了？

问最近的遍历在我的情况下不起作用
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问最近的遍历在我的情况下不起作用EN