javascript - jqueryは、特定のクラスを持つ親を持たない入力を選択します

Question

特定のクラスの親を持たないすべての入力を選択するにはどうすればよいですか？

ここでは、クラスの親を持たない入力を取得したいだけですnot-parent

$(document).ready(function(){
    $('input:text').css('color', '#FF1200'); 
});​

http://jsfiddle.net/MFtv3/

私はfilter()成功せずに試しました。：/

ありがとう！

Answer 1

入力がすべてdivに含まれている場合。

トップレベルからボトムレベルの親チェックが必要な場合：

$("div:not(.not-parent) input").css('color', '#FF1200');

または、1つのレベルの親チェックのみが必要な場合：

$("div:not(.not-parent) > input").css('color', '#FF1200');

編集：クラスのない同じタイプの祖先がある場合は、これを使用します：

$('input').filter(function(){
    return !$(this).parents('div').hasClass('not-parent');
}).css('color', '#FF1200');