javascript - 如何找到具有特定值的输入

Question

要求， 想找到具体输入过的输入框

html,

<ul class="test-list">
<li>
   <input class="test-input">
</li>
<li>
   <input class="test-input">
</li>
<li>
   <input class="test-input">
</li>
</ul>

例子，

如果用户在每个输入字段中输入“test1”、“test2”、“test3”

我试过javascript，

$('.test-list').find('.test-input [value="test1"]')

并且我希望得到已经进入 test1 的输入字段，但它返回 0 数组 :(

我尝试了 filter() 并使用了它，但我想像第一个一样直接找到它。

Answer 1

test-input 是类名而不是标记名。您还需要删除 name-value 选择器和 .test-input 中的空格。您需要使用:

$('.test-list').find('.test-input[value="test1"]');

您还可以将选择器缩小到:

$('.test-list [value=test1]');

Working Demo