javascript - 将 find() 链接到 val()

Question

有没有办法将 find() 链接到 val() 后面？

例如，给定以下代码，我想清除所有输入的值，但仅切换具有 .required 类的输入的 required 属性:

$('#some-selector')
    .find(':input')
    .val('')
    .find('.required')
    .prop('required', someBoolean);

来自jQuery docs ，显然 val() 返回一个字符串、数字或数组。在我看来， find() 不会对此返回值起作用，因为我相信它需要一个 jQuery 对象。

有几个问题:

1. 我在 jQuery 理解上的差距在哪里，以至于我试图将 find() 链接到 val()
2. 我如何实现我的要求:我想清除所有输入并切换 .required 类所需的输入。

谢谢!

Answer 1

问题不在于链接，而在于您重复使用 find()。

第一个 find() 检索所有 :input 元素并清除它们的值，这很好。然而，第二个 find() 然后在所有这些 input 元素中搜索 .required。这无效，因为 input 不能有子元素(select 除外，但这在本例中不适用)。

您需要在当前集合中搜索具有required类的元素。为此，请使用 filter() 代替:

$('#some-selector')
  .find(':input').val('')
  .filter('.required').prop('required', someBoolean);