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

如何使用jquery选择输入

2 个答案: