0

我的 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);

怎么做？

4

2 回答 2

2

CSS：

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

jQuery：

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

这是一个演示。

于 2013-05-21T15:37:59.090 回答
0

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

于 2013-05-21T15:38:31.677 回答