blocks|key|2076341|text|ID在页面中应该是唯一的。正如尼克所暗示的，您应该只有一个ID，其值为backlink。因此，$('#backlink')的选择器本身就足够了。如果您的backlink值有多个ID，那么您的HTML是错误的，您应该修复这个ID。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2076342|entityMap^0|Z|8|1B|E|24|8|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

IDs are supposed to be unique within a page. As Nick implies, you should have only one ID with the value of <code>backlink</code>. So a selector of <code>$('#backlink')</code> should be enough by itself. If you have more than one ID with the value <code>backlink</code>, then your HTML is wrong and you should fix that instead.

blocks|key|2076371|text|尼克·克雷弗(omg，你在哪？)已经在评论中说过了。创建像#id+#id这样的选择器完全没有意义，因为根据定义，ID必须在DOM中是唯一的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2076372|看起来您违反了该规则，因此，jQuery可能选择了一个错误的节点。|2076373|您应该将您的“反向链接”id替换为classes，然后选择如下所示|2076374|$('#blink3+.backLink');|code-block|syntax|javascript|2076375|entityMap^0|T|7|0|0|C|2|H|7|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|J|3|K|5|L|7|Z|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|P|$]]

Nick Craver (omg, where have you been around?) already stated it in a comment. It totally makes no sense to create a selector like <code>#id #id</code> because an ID has to be unique within your DOM by definition.

It looks like you break that rule and therefore, jQuery might select a wrong node.

You should replace your "backlink" <code>id</code>'s with <code>classes</code> and go for the selector like

<pre><code>$('#blink3 .backLink');
</code></pre>

blocks|key|2076377|text|我没有看到任何重复的ID在问题中，我也有同样的问题，即使我的所有ID是独特的。想要执行嵌套ID选择器的一个完全有效的理由是检索元素当且仅当它是特定父元素的子元素。我在拖放UI和树节点时遇到过这种情况。虽然不是选择器，但这是我在过去使用过的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2076378|$("#parentId").find("#childId")|code-block|syntax|javascript|2076379|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I don't see any duplication of ID's in the question and I too had the same question even though all of my ID's are unique. A perfectly valid reason for wanting to do nested ID selectors is to retrieve an element if and only if it is a child of a specific parent. I've run into this with drag and drop UIs as well as tree nodes. While not a selector, this is what I've used in the past:

<pre><code>$("#parentId").find("#childId")
</code></pre>

blocks|key|532154|text|使用id搜索嵌套元素就像连接id选择器一样简单，例如：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|532155|$('#selector_modal+#modal-title')|532156|在本例中，我们使用id+selector_modal搜索一个模型，其中包含id+modal-title的h4元素。|532157|非常简单。|532158|entityMap^0|2|2|E|5|0|0|X|0|C|E|14|B|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|T|8|@$9|U|A|V|B|C]]|E|@]|F|$]]|$1|I|3|J|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|E|@]|F|$]]|$1|K|3|L|5|6|7|11|8|@]|E|@]|F|$]]|$1|M|3|-4|5|6|7|12|8|@]|E|@]|F|$]]]|N|$]]

To search nested elements using the <code>id</code> is as simple as concatenate id selectors, as for example:

<code>$('#selector_modal #modal-title')</code>

In this case we are searching a modal with id <code>selector_modal</code> and inside of it a h4 element that has in this case the id <code>modal-title</code>.

Very simple.

I am trying to change the href of an a nested in a div called blink3:

<pre><code>$('#blink3 #backLink').attr('href',"#item5");
</code></pre>

Where the html code is as follows:

<pre><code>&lt;div style="float:left;text-align:center;" id="blink3"&gt;
&lt;a href="#item4" class="panel" id="backLink"&gt;
&lt;div class="divBack"&gt;&lt;/div&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

works well in all browsers - NOT IE 7 and I cannot figure out why, doesn't change the href.

Is this a IE 7 bug? JQuery? anything wrong with my code?

Any solutions?

Nested ID in JQuery selector

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我试图更改嵌套在一个名为blink3的div中的href：$('#blink3 #backLink').attr('href',"#item5");，其中html代码如下所示：<div style="float:left;text-align:center;" id="blink3"><a href="#item4" ...

问JQuery选择器中的嵌套ID
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery选择器中的嵌套IDEN