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)')。

它使用: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树中向下一步，所以你应该很好。

选择特定类名下的元素

2 个答案: