jquery - 別のクラスの祖先がない限り、クラスで div を選択します

Question

10分前にこの質問をしましたが、先祖の代わりに親という用語を使用していることに気付きました. 特定の祖先を持つクラスを参照するものを探しています。

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

ここでは、非親クラスを持つ親を持たない入力を取得したいだけです

$(document).ready(function() {

    $("div:not(.not-ancestor) > input[type='text']").css('color', '#FF1200');
});​

http://jsfiddle.net/MFtv3/3/

ありがとう！

Answer 1

フィルタを使用して、次のように、closest（）を使用して、要素のどこかに、探しているクラスの親があるかどうかを確認できます。

$("div > input[type='text']").filter(function() {
    return !$(this).closest('.not-ancestor').length;
}).css('color', '#FF1200');

フィドル

編集

さらに使用するために要素のコレクションを取得するには：

var elems = $("div > input[type='text']").filter(function() {
                return !$(this).closest('.not-ancestor').length;
            });

elems.css('color', 'red');
elems.each(function(idx, elem) {
    $(elem).data('index', idx);
});