Javascript 如何获取嵌套DOM

如何获取嵌套DOM

我想通过Jquery获得嵌套的DOM

比如说

<div id="red">
  <div id="member">A</div>
</div>
<div id="blue">
  <div id="member">B</div>
</div>
<div id="yellow">
  <div id="member">C</div>
</div>

---

您所追求的是

.find（）

方法

$("#yellow").find('#member').removeClass("myclass");

或

children（）

或

$('#yellow>#member'),removeClass("myClass");

---

编辑：也没有重复的id。改为使用

class

属性。

您可以将嵌套选择器与jQuery一起使用：

$('#yellow #member').removeClass('myclass');

从

#yellow

中的

#member

元素中删除

.myclass

此外，您的HTML无效。每个文档只能使用一次ID，因此请更改所有

到
。然后传递给jQuery的选择器更改为

$('#yellow .member')

您想要访问
#yellow
的子元素的方式几乎是正确的

$("#yellow .member").removeClass("myclass");

请注意添加的空格。空格意味着在前一个选择器匹配的元素的后代树中查找另一个匹配元素

现在是你的标记错了。您不能多次使用相同的
id
。
id
的概念早在计算机时代之前就有了。。。根据定义，“标识”是唯一的

下面是您的标记的外观。。。在工作示例中，间隔只是为了好玩：


$（文档）.ready（函数（）{
setInterval（函数（）{
$（“#yellow.member”）.toggleClass（“myclass”）；
},1000);
});
.myclass{
背景颜色：黄色；
}

A.
B
C
您所说的“嵌套dom”是什么意思？顶部元素的子元素内部的内容？嗯，
id
应该是唯一的，你知道……：/重复的id是一个大禁忌。使用类并给它一个空间。是的，你的权利-没有查看html的其余部分，因为它们只指定了“#黄色”子元素。已经修改了@LouysPatriceBesette该编辑并没有使您的答案更清晰。。。还有一件事：一个点应该在的地方。@Louyspatricebesette如果他想让我检查他所有的代码伙伴，他可以发布在代码检查上。代码检查是为了工作和完成代码。。。“不是为了这样的问题。”卢伊斯帕特里塞特说得对。。但我的理由仍然成立。如果有人问一个关于某个特定主题的问题，我会回答这个问题。不要删除他们发布的每一行代码。特别是当这是一个像这样的小问题时，它对我帮助很大。我第一次使用
id
而不是
class
，这让你们都感到困惑。对不起。但是我现在理解并能够控制DOM。
$('#yellow .member')

$("#yellow .member").removeClass("myclass");