如何按樣式屬性查找元素？

Question

我無法通過樣式屬性檢索元素。 我有一個ul與幾個li元素，我想找到一個與風格屬性值爲display:list-item。我試圖用幾種方法來解決這個問題，其中包括以下幾個方面，但我一直在收到一個空的對象。我對title屬性沒有問題。不知道我做錯了什麼。

$('li[style*=display:list-item]') 

HTML：

<ul class="bjqs" style="height: 200px; width: 100%;"> 
    <li class="bjqs-slide" style="height: 200px; width: 100%; display: list-item;"> 

Answer 1

兩個問題：

1. 在你的HTML之間有一個空間：和 「列表項」， 「顯示器」。
2. 您的選擇器需要用報價包裝""。

簡單地改變你的選擇，包括這個空間並在引號把它包：

$('li[style*="display: list-item"]') 

JSFiddle demo。

Answer 2

你的選擇是因爲你的屬性有空白空白敏感的，你需要在你的選擇，以及：

$('li[style*="display: list-item"]') 

最簡單的方法，從而減少問題精確匹配的字符串，如果你根據特定的CSS屬性過濾元件，是使用filter()：

$('li').filter(function(){ 
    return $(this).css('display') === 'list-item'; 
}); 

參考文獻：

• filter()。