Jquery datepicker not working on elements inside class given

Question

If i use this then its working.

<td ><div> Timestamp: </div><input type="text" value="" class="datepicker"/></td>
$( ".datepicker" ).datepicker();

This above code is working but this is not working

<td  class="datepicker" ><div> Timestamp: </div><input type="text" value=""/></td>
    $( ".datepicker input" ).datepicker();

Answer 1

Those are both correct. Do you have some malformed HTML elsewhere on the page? Is a JavaScript error being thrown before .datepicker() is called?

Answer 2

Both ok.

Try to use web develop tools and step into the code to find out the errors.

Answer 3

try using following selector:

$("td.datepicker input:text").datepicker();

Working example is here

Answer 4

我认为您需要使用子选择器>

 $(".datepicker > input").datepicker();