jquery - 我如何管理大的 html 层次结构？

Question

我说的是 id 内的类内的类。

我发现自己正在这样做:

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

我不想使用:

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

因为层次结构下面还有很多。

有什么明智的方法来管理它吗？

Answer 1

为唯一项指定特定 ID，为非唯一元素指定类是管理层次结构的方法。

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

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

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

它选择具有 class2 的元素、具有 class1 的元素内部、具有 id=id2 的第一个元素内部、具有 id=id1 的第一个元素内部。 (使用这些后代选择器，有助于向后读取链)。

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