如何选择INPUT的所有元素?

时间:2010-11-02 10:19:34

标签: javascript jquery

如何用style =“color:#F20808”选择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;   
});

还有其他方法吗?

3 个答案:

答案 0 :(得分:2)

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

应该用作CSS3或JQuery选择器。

答案 1 :(得分:0)

Working demo

这里有一个解决方案,它将选择具有样式属性的所有输入:

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

});

答案 2 :(得分:0)

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