2010-11-02 2 views
0

Как выбрать все элементы INPUT со стилем = "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; 
}); 

Есть ли другие способы?

+0

возможный дубликат [JQuery CSS селекторы] (Http: // StackOverflow. com/questions/282198/jquery-css-selectors) –

+0

Я не мог заставить его работать, не могли бы вы передать jsfiddle.net, thx. Я только сделал это, как я объясняю в своем ответе. – netadictos

ответ

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

должен работать как CSS3 или селектор JQuery.

+0

Вам нужно обернуть 'color: # F20808' в кавычки. – Sarfraz

+0

Вы правы, я редактирую. Сделано ^^ – MatTheCat

+0

Даже если это имеет смысл, я не заставлял его работать. http://www.jsfiddle.net/dactivo/hSyqH/ – netadictos

0

Working demo

Здесь у вас есть решение, оно будет выбрать все входы с атрибутом стиля:

$('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;  
    }); 
Смежные вопросы