jQuery：Selector混淆

Question

這個jQuery選擇器有什麼問題？

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

我打算選擇第一錨標記，它是一種元素，它的類是「masterHeaderMenuButton」，本身的元素與「masterHeaderMenu」一個「id」屬性值的孩子的孩子。

我不能在jQuery中做到這一點？

Answer 1

你在那裏需要一個額外的空間，就像這樣：

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

沒有空間，#masterHeaderMenu.masterHeaderMenuButton正在尋找有id="masterHeaderMeny"和class="masterHeaderMenuButton"一個元素，空間，它說發現class="masterHeaderMenuButton"，這是一個#masterHeaderMeny的後裔，而不是相同的元素。

如果你想要降低任何級別的數量，請添加一個空間，如果你想降只有一個級別，請使用>，這意味着只能下到眼前的孩子。

Answer 2

您可以。你需要的第一個元素（ID）和第二（類）之間的空間：

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

你選擇尋找那些有ID「masterHeaderMenu」 和 CSS類「masterHeaderMenuButton」的元素。

Answer 3

沒有必要指定類。如果您在選擇器中給出ID名稱就足夠了。 ID可以表示文檔中的單個html元素。但該類可以表示一組html元素。

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

這個選擇可能需要一段時間。 相同的結果可以從這個代碼$("#masterHeaderMenu a:first")