jQuery搜索所有帶顯示內聯塊的CSS

Question

是否可以通過property：value而不是選擇器/屬性來搜索CSS？ 還是需要通過服務器腳本進行解析？

如果有可能，我將計划創建一個腳本，該腳本將在選擇器具有以下條件時自動添加IE7 hack： display: inline-block因為我厭倦了編寫*display: inline; zoom: 1; *display: inline; zoom: 1;

Answer 1

如果將樣式直接添加到元素，則可以像以下進行過濾：

代碼1

$("[style*='inline-block']");

但是，如果使用css計算樣式，則上面的代碼將不會獲取元素，在這種情況下，您可以使用以下代碼。

代碼2

$('*').filter(function() {
    return $(this).css('display') == 'inline-block';
});

因此，如果我有以下html。

<div style="display: inline-block"></div>
<div class="someClass"></div>

Code1僅獲得第一個。
Code2獲得。

Answer 2

如果元素的樣式設置為內聯塊，則此代碼應允許您處理某些內容。

$("body *").each(function (i) {
    if ($(this).css('display') == "inline-block") {
        //inline block - do what you need to do
        this.style.color = "blue";
        alert($(this).css('display'));            
    }
});

有關工作示例，請參見jsfiddle。http: //jsfiddle.net/nevtn/

這是您需要的整個腳本：

$(document).ready(function(){

if ($.browser.msie  && parseInt($.browser.version, 10) === 7) {
    $("body *").each(function (i) {
        if ($(this).css('display') == "inline-block") {
            //inline block - do what you need to do
            $(this).css({'display':'inline', 'zoom':'1'});  
        }
    });
}

});​

示例演示（偽造的IE7） http://jsfiddle.net/nevtn/5/