Выберите элементы под определенным именем класса

Question

У меня есть вопрос относительно селектора.

Я хочу выбрать поле ввода, которое не находится под определенным классом.

Моего HTML

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

</div> 

Я хочу поле ввода под тестовым классом, но не нецелевые дела.

Я

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

но, кажется, выбрать все поля ввода .. Может кто-нибудь помочь мне об этом? Большое спасибо!

Answer 1

Вы можете использовать $('.test input:not(.nonTarget input)').

Он использует :not selector, и находит все inputs, которые являются потомками .test, но которые не совпадают селектор .nonTarget input (т.е. не являются потомком .nonTarget).

См. Здесь; http://jsfiddle.net/LAgkX/

Answer 2

Поскольку вы используете JQuery:

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

Селектор .children() идет только на один шаг вниз по дереву DOM, так что вы должны быть хорошо.