jQuery:选择器混乱

Question

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

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

我打算选择第一锚标记,是个元素类的孩子是" masterHeaderMenuButton",本身的元素有一个孩子" id的""属性值masterHeaderMenu".

我不能在jQuery中这样做吗？

Answer 1

你需要一个额外的空间,像这样:

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

没有空间,#masterHeaderMenu.masterHeaderMenuButton正在寻找一个具有空间的元素,id="masterHeaderMeny" 并且 class="masterHeaderMenuButton"在空间中,它会发现class="masterHeaderMenuButton"它是#masterHeaderMeny元素的后代,而不是相同的元素.

如果你想下去任意数量的级别,添加一个空格,如果你想下去只有一个层次,使用>,这意味着只有再往直接孩子.