javascript - 如何使用jquery选择输入

Question

我的 html 如下所示(这不是我使用 PHP 回显的 html。它有很多 <li></li> 具有相同的 3 个输入内容。它是动态生成的)

<li><span class='add-on'></span>" .
    "<input class='' type='text' value='' />
    <input class='picker' type='hidden' value='' name=''  />
    <input class='datepicker' type='text' />
</li>

我想使用 CSS 选择第一个输入。我尝试了 first-child 但没有运气。我们不能将任何类或 Id 放入第一个输入。因为我正在编写另一个 JS 脚本来查找非类输入。所以我想使用 jQuery 选择第一个输入。我需要将第一个输入值和日期选择器类值放入隐藏的输入值中。我正在尝试遵循脚本。但我不知道如何使用 jQuery 选择该输入。

jQuery

var getDate = $(".datepicker").val();
var getMark = $("I want to any select to select first input").val();
var plusVal = getDate + getMark;

$(".picker").val(plusVal);

怎么做？

Answer 1

CSS:

li > span + input { /* styles here */ }

jQuery:

$('li > span + input').val();

Here is a demo .