如何管理大型html层次结构？

Question

我正在谈论id内部的id里面的类里面的类。

我发现自己这样做了：

$("id").children("id").children("class").children("class").

我不想使用：

$("id").find("class") 

因为层次结构还有很多。

有没有理智的方法来管理它？

Answer 1

为非唯一元素 提供特定ID以及 如何管理层次结构。

如果您认为由于这些选择器而导致层次结构看起来不整齐，那么因为您没有将嘶嘶声选择器链接到单个字符串。

对于您的示例，您可以在同一选择器中定义层次结构：

$('#id1 #id2 .class1 .class2')

在id = id1的第一个元素中选择具有class2的元素，在具有id = id2的第一个元素内具有class1的元素。 （使用那些后代选择器，它有助于向后读取链）。

阅读descendant-selector和child-selector以及all of the rest of them，以帮助您干净地从层次结构中进行选择。

Answer 2

只需使用$('#element_id').，因为每个元素的ID都是唯一的。