Jquery - Accessing nested child elements

Question

Assume I have the following HTML -

<DIV id="ParentDiv">     <DIV id="SubDiv1"></DIV>     <DIV id="SubDiv2">         <INPUT id="input">     </DIV> </DIV> 

To access the input element using jquery, it would be simply $("#input"). What I'm trying to do is access it, assuming I only know the ID of the top level div.

Currently I have

$($($("#ParentDiv").children()[1]).children()[0]) 

Which does seem to work. Is there a cleaner way of writing this, or is the way I am doing it ok?

Answer 1

You would just perform a .find() implicitly or explicitly:

$('#ParentDiv input');  // implicitly  $('#ParentDiv').find('input'); // explicitly 

Reference: .find()