如何使用jquery选择输入

Question

我的 html 如下所示（它不是一个 html，我正在使用 PHP 回显它。它有很多 <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 选择第一个输入。我尝试了第一个孩子，但没有运气。我们不能在第一个输入中放置任何类或 ID。因为我正在编写另一个 JS 脚本来查找非类输入。所以我想使用 jQuery 选择第一个输入。我需要将第一个输入值和 datepicker 类值放入隐藏的输入值。我正在尝试以下脚本。但我不知道如何使用 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.

Answer 2

如果您可以依赖 CSS3，那么您可以使用 li > input:first-of-type 或 li > input:nth-of-type:(1)。否则你可以使用li > span + input