2010-11-02 117 views
0

如何用style =「color:#F20808」選擇INPUT的所有元素?如何選擇INPUT的所有元素?

<form> 
<input type="text" value="1"> 
<input type="text" value="2" style="color: #F20808"> 
<input type="text" value="3" style="color: #F20808"> 
<input type="submit" value="submit"> 
</form> 

$('form').submit(function(){ 
    if($(this).find('input').css('color') != 'rgb(242, 8, 8)'){ 
     return true; 
    } 
    return false; 
}); 


This way works, but I dont like: 
$('form').submit(function(){ 
    if($(this).find('input:eq(1), input:eq(2)').css('color') != 'rgb(242, 8, 8)'){ 
     return true; 
    } 
    return false; 
}); 

還有其他方法嗎?

+0

[jQuery的CSS選擇器(HTTP的可能重複。 com/questions/282198/jquery-css-selectors) – 2010-11-02 10:23:22

+0

我無法讓它工作,你可以通過jsfiddle.net,thx。我只是在我的回答中解釋它的工作。 – netadictos 2010-11-02 11:50:59

回答

2
input[style*="color: #F20808"] 

應該用作CSS3或JQuery選擇器。

+0

你需要在引號中加上'color:#F20808'。 – Sarfraz 2010-11-02 10:31:51

+0

你說得對,我在編輯。完成^^ – MatTheCat 2010-11-02 10:34:59

+0

即使有意義,我也沒有成功。 http://www.jsfiddle.net/dactivo/hSyqH/ – netadictos 2010-11-02 10:43:28

0

Working demo

這裏有一個解決方案,它會選擇所有style屬性輸入://計算器:

$('form').submit(function(){ 
     alert($("input[style*=color][type*=text]").length); 

}); 
0
$('form').submit(function(){ 
     alert($('input[style*="color: rgb(242, 8, 8)"]').length); 
     return false;  
    });