javascript - jQuery 属性过滤器根据值获取文本框

Question

我正在尝试使用 jQuery 获取页面上的所有空文本框。不知何故，我无法获取所有空的文本框。

我有三个这样的文本框

<input type="text" class="test" />
<input type="text" class="test" />
<input type="text" class="test" />

$(".test[value='']") -- this does not returns anything.

如果我有这个

<input type="text" class="test" value="a" />
<input type="text" class="test" />
<input type="text" class="test" />

$(".test[value='a']") -- this returns one control which is correct.
$(".test[value='']") -- this still returns nothing.

如果我在第二个文本框中输入“a”，那么 $(".test[value='a']") -- 这仍然只返回一个控件。

我在这里做错了什么？

Answer 1

您应该在没有 value 属性的地方进行搜索，如下所示:

$('.test:not([value])')

或

$('.test'):not('[value]')

根据您的评论，您似乎不想获取初始元素列表，但也希望能够在有人输入值时重新运行选择器。这里的问题是，如果你输入要输入的文本，它不会向 DOM 添加 value 属性。在这种情况下，您可以使用类似于 this answer 中描述的方法。 :

$('input:text').filter(function() { return this.value == ""; })

此方法检查输入的值，而不是 DOM。