jQuery - 選擇具有特定樣式的子節點

Question

我不知道如何在下例中選擇第一個跨度。

<div class="sp"> 
    <span style="visibility:hidden">abc</span> 
    <span>xyz</span> 
</div> 

我試過使用這個，沒有工作。

$('div.sp span[visibility=hidden]') // not work 

謝謝！

Answer 1

$('div.sp span[style="visibility:hidden"]') 

見Attribute Equals Selector

Answer 2

在你的選擇，你沒有提到的屬性名稱（style），也引號缺少包裝完整的選擇。試試這個

$("div.sp span[style='visibility:hidden']"); 

如果你想找到一個隱藏的範圍，那麼我會建議你使用這個，因爲屬性選擇器將嘗試匹配visibility:hidden，因爲它是。如果這個值之間有任何空格，那麼它將失敗。 :hidden選擇器查找不是visible或display的元素是none。

$("div.sp span:hidden") 

Answer 3

獲取第一跨度：

$('div.sp span:first'); 

如果你想獲得與可視性第一跨度：隱藏，是另一件事：

$('.sp span[style="visibility:hidden"]:first');