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-21 15:46:49Z

2

CSS:

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

jQuery:

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

Here is a demo.

edited May 21, 2013 at 15:46

answered May 21, 2013 at 15:37

Linus Caldwell

11.1k12 gold badges48 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dilini Wasana Over a year ago

var getDate = $(".datepicker").val(); var getMark = $('li > span + input').val(); var plusVal = getDate + getMark; $(".picker").val(plusVal); alert(plusVal);

Linus Caldwell Over a year ago

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?"

Jake · Accepted Answer · 2013-05-21 15:38:31Z

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, 2013 at 15:38

Jake

4,26410 gold badges38 silver badges60 bronze badges

Collectives™ on Stack Overflow

how to select a input using jquery

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related