许多父母的孩子 jQuery 选择器

Question

我正在尝试选择具有类 .Payment 的任何父级的每个第一个子级

HTML 示例：

<div class='payment'>
  <input id="payments_0_:date_paid" name="payments[0][:date_paid]" type="text" />
  <br>
  <input id="payments_0_:amount_paid" name="payments[0][:amount_paid]" type="text" />
</div>
<div class='payment'>
  <input id="payments_1_:date_paid" name="payments[0][:date_paid]" type="text" />
  <br>
  <input id="payments_1_:amount_paid" name="payments[0][:amount_paid]" type="text" />
</div>
<div class='payment'>
  <input id="payments_2_:date_paid" name="payments[0][:date_paid]" type="text" />
  <br>
  <input id="payments_2_:amount_paid" name="payments[0][:amount_paid]" type="text" />
</div>

如何迭代每个 . payment 并验证每个 . payment 中的第一个子级是否处于特定质量？

这是我的尝试：

$.each($(".payment"), function(key, value) { 
  alert( $("value input:first").val() ); 
});

但是我在这里遇到的麻烦是使用 var value 来获取该属性 value()

有什么想法吗？

Answer 1

由于相关输入是第一个子项，因此您可以使用 :first-child 选择器^(docs) ，然后使用本机 value 属性获取其值：

$('.payment > input:first-child').each(function() {
    alert(this.value);
});

使用 将它们减少到一组不（或确实）满足验证的集合可能是值得的filter()^(docs) 方法或 not()^(docs) 方法。

Answer 2

不要使用 $.each()，而是使用 .each() 在 jQuery 选择上，这样你就可以访问 $(this ）：

$('.payment').each(function(key) {
    alert($(this).find('input:first').val());
});

Answer 3

尝试使用 $("input:first", value).val()