jQuery - Acceso a los elementos secundarios anidados

Question

Supongamos que tengo el siguiente código HTML -

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

Para acceder al elemento de entrada usando jQuery, sería simplemente $ ("# entrada"). Lo que intento hacer es acceder a él, suponiendo que solo conozco el ID del Div. De nivel superior.

Actualmente tengo

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

Lo cual no parece funcionar. ¿Hay alguna manera más clara de escribir esto o la forma en que lo estoy haciendo está bien?

Answer 1

usted acaba de realizar una .find() implícita o explícitamente:

$('#ParentDiv input'); // implicitly 

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

Referencia: .find()

Answer 2

Prueba esto:

$('#ParentDiv').find('input'); 

Answer 3

Muchas formas de hacerlo. Aquí está uno

$("#ParentDiv > div:eq(1) > input") 

Answer 4

que puede probar:

1. $('#ParentDiv input') 
2. $('input', '#ParentDiv') 
3. $('#ParentDiv').find('input') 

Answer 5

¿qué tal

$("#ParentDiv :input") 

Answer 6

si usted necesita para encontrar la entrada de SubDiv2 sólo de contar con información parentDiv puede utilizar

$("#ParentDiv div:eq(1) input") 

o

$("#ParentDiv div:eq(1)").find("input") 

Donde la ecuación (1) se conseguirá con la segunda div dentro ParentDiv

Answer 7

probar esto

jQuery('#input').val();