CSS選擇器包含一些

Question

我需要找到任何<a>標籤，它的href與'pdf'和不包含'test'結束。

這樣;

<a href="/abc/tes.pdf">link</a> 

我所知道的只是第一個條件，

jQuery('a[href$=".pdf"]') 

教我休息。

謝謝。

Answer 1

jQuery('a[href!="test"][href$=".pdf"]'); 

或者更好：

jQuery('a[href$=".pdf"]').not('[href="test"]'); 

而這裏的原因：

因爲[！名稱= 「值」]是一個jQuery的擴展，而不是部分的CSS 規範，使用[name！=「value」]的查詢不能利用 本機DOM querySelectorAll（） 方法提供的性能提升。爲了在現代瀏覽器中獲得更好的性能，請使用 $（「your-pure-css-selector」）。not（'[name =「value」]'）。

編輯：「精益求精」的可能不正確這裏，[值是$ =「名稱」]也不會被CSS2純選擇，但jQuery的文檔沒有提到這一點。這裏需要一些額外的研究...

編輯2：它看起來像我沒有想到這一點。你可能想要的是：

jQuery('a[href$=".pdf"]').not('a[href*="test"]'); 

其內容爲：選擇具有href屬性以「.PDF」結尾，但做不選擇具有‘測試’作爲一個子隨時隨地hrefa元素都a元素屬性。

http://api.jquery.com/category/selectors/