如何選擇具有特定內聯樣式的元素？

Question

假設有三個要素如下

<div id="tab01">tab01</div> 
<div id="tab02" style="display: none;">tab02</div> 
<div id="tab03" style="display: none;">tab03</div> 

我如何使用jQuery選擇不具有內嵌樣式display: none一個元素？

感謝

Answer 1

您可以選擇與:hidden隱藏要素，以及可見的元素與:visible ...

$('div:visible'); 

jsFiddle。

...但如果你特別需要那些沒有display; none設定爲內嵌風格的元素，試試這個...

$('div').filter(function() { 
    return $(this).attr('style') == undefined || $(this).attr('style').indexOf('display: none;') == -1 
}). 

jsFiddle。

......當然，如果你依靠這個，你應該重新思考你的問題。

Answer 2

我有一個類似的問題，並發現這個有用的帖子。上面的答案是足夠的，但我想要做到這一點，而不使用indexOf方法，因爲它對我來說並不直觀。

這是我想出的和相關的bin。我在上面留下了上面的答案代碼，以顯示它們都工作。希望這有助於作爲替代方法。 http://jsbin.com/coroxa/1/edit?html,js,output

$('.bottom-drawer').filter(function() { 
    //return $(this).attr('style').indexOf('display: block;') === 0; 
    return $(this).is("[style*='display: block']") === true; 
}).slideToggle(620);