jquery - jQuery 获取每个具有正确类的父 div 的表单输入

Question

在这样的简单形式上：

<form method="post">
<div class="success">
<input type="text" name="username" id="username"/>
</div>
<div class="notsuccess">
<input type="password" name="password" id="password"/>
</div>
<input type="submit" name="submit" id="submit" value="submit" />
</form>

jQuery 是否有可能获取每个输入的列表或数组，这些输入具有一个成功类的父 div？我想做某种验证。

Answer 1

我从字面上看

(1) 每个输入的列表或数组

(2) 有一个成功类的 *parent div

然后$('div.success input')

Answer 2

你可以试试

$("input").parent("div.success").each(function() {
    //code here
});

Answer 3

你可以试试这个：

var $elements = $('input').parent('.success');

要遍历它们，您可以使用：

$('input').parent('.success').each( function(i, ele) { 
    $(this); // This is each .success element.
} );

Answer 4

$('input', $('div.success'))

到目前为止最简单的答案。请记住，默认情况下，$() 选择器将创建一个 jQuery 对象，其中包含与选择匹配的所有 DOM 节点。这意味着您不必创建数组，它已经完成了。