Jquery - Accesso elementi figlio nidificati

Question

Si supponga che ho il seguente codice HTML -

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

Per accedere l'elemento di input utilizzando jQuery, sarebbe semplicemente $ ("# input"). Quello che sto cercando di fare è accedervi, presumendo che conosca solo l'ID del div principale.

Attualmente ho

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

Il che non sembra funzionare. C'è un modo più pulito di scrivere questo, o è il modo in cui lo sto facendo ok?

Answer 1

si sarebbe solo eseguire un .find() modo implicito o esplicito:

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

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

Riferimento: .find()

Answer 2

Prova questo:

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

Answer 3

Molti modi per farlo. Qui è uno

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

Answer 4

si può provare:

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

Answer 5

come su

$("#ParentDiv :input") 

Answer 6

se hai bisogno di trovare l'input da SubDiv2 solo su avere informazioni parentDiv è possibile utilizzare

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

o

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

Dove eq (1) ti porterà con la seconda div all'interno ParentDiv

Answer 7

provare questo

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