how to select a input using jquery

Question

My html is look like below (it's not a html I'm echoing this using PHP. And it has lot of <li></li> with same 3 inputs content. It's a dynamically generated one)

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

I want to select first input using CSS. I tried first-child but no luck.we can't put any class or Id to that first input. Because I was write another JS script to find non class inputs. So I want to select that first input using jQuery. And I need to put that first input value and datepicker class value to hidden input value. I was try following script. But I don't know how to select that input using 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);

How to do it?

Linus Caldwell · Accepted Answer · 2013-05-21T15:46:49.397

2

CSS:

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

jQuery:

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

Here is a demo.

edited May 21 '13 at 15:46

answered May 21 '13 at 15:37

Linus Caldwell

10,908
12
46
58

var getDate = $(".datepicker").val(); var getMark = $('li > span + input').val(); var plusVal = getDate + getMark; $(".picker").val(plusVal); alert(plusVal); – Dilini Wasana May 21 '13 at 15:44
Your question was answered. How to cast to datetime would be another question. Maybe something like "[How can I convert string to datetime with format specification in JavaScript?](http://stackoverflow.com/questions/476105/how-can-i-convert-string-to-datetime-with-format-specification-in-javascript)" – Linus Caldwell May 21 '13 at 15:48

score 0 · Answer 2 · answered May 21 '13 at 15:38

0

If you can depend on CSS3, then you can use li > input:first-of-type or li > input:nth-of-type:(1). Otherwise you could use li > span + input

answered May 21 '13 at 15:38

Jake

4,014
8
36
54

how to select a input using jquery

2 Answers2