jquery - 特定のクラス名の下の要素を選択する

Question

セレクターについて質問です。

特定のクラスに属さない入力フィールドを選択したい。

私のhtml

<div class='test'>
   ……
   <input type='text'></input>
 // more input field 
     <div class='nonTarget>
        <input type='text' ></input>
     <div>

</div>

テスト クラスの下にフィールドを入力したいのですが、nonTarget div は入力したくありません。

私は持っている

  var test = $('.test :not(.answer) input');
         test.each(function(){
             console.log($(this).val())
         })

しかし、すべての入力フィールドを選択しているようです..誰かが私を助けてくれますか? どうもありがとう！

Answer 1

使用できます$('.test input:not(.nonTarget input)')。

これは:notselectorinputsを使用し、 の子孫であるが.test、セレクターに一致しない.nonTarget input(つまり、 の子孫ではない)すべてを検索し.nonTargetます。

こちらをご覧ください。http://jsfiddle.net/LAgkX/

Answer 2

jQueryを使用しているため：

$('.test').children('input').each(function(){
    console.log($(this).val());
});

セレクターは DOM ツリーを 1 つ下に移動する.children()だけなので、うまくいくはずです。