jQuery:选择器困惑

Question

这个 jQuery 选择器有什么问题？

$("#masterHeaderMenu.masterHeaderMenuButton a:first")

我打算选择第一个 anchor 标记，该标记是类为“masterHeaderMenuButton”的元素的子元素，该元素本身也是具有“id”的元素的子元素>”“masterHeaderMenu”的属性值。

我不能在 jQuery 中执行此操作吗？

Answer 1

您需要在那里有一个额外的空间，如下所示:

$("#masterHeaderMenu .masterHeaderMenuButton a:first")

如果没有空格，#masterHeaderMenu.masterHeaderMenuButton 正在查找具有 id="masterHeaderMeny" 和 class= 的元素“masterHeaderMenuButton”，带有空格，表示查找 class="masterHeaderMenuButton" 这是 #masterHeaderMeny 的后代，而不是同一个元素。

如果你想下任意层，请添加一个空格，如果你想下仅一层，请使用>，这意味着只向下给直系 child 。