jQuery - Dostęp zagnieżdżone elementy podrzędne

Question

Przyjmijmy, mam następujące HTML -

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

Aby uzyskać dostęp do elementu wejściowego przy użyciu jQuery, byłoby po prostu $ ("# Wejście"). Próbuję to zrobić, zakładając, że znam tylko identyfikator div najwyższego poziomu.

Obecnie mam

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

które nie wydają się działać. Czy istnieje czystszy sposób pisania tego, czy też sposób, w jaki robię to dobrze?

Answer 1

byłoby po prostu wykonać .find() jawnie lub niejawnie:

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

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

referencyjny: .find()

Answer 2

Spróbuj tego:

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

Answer 3

wiele sposobów, aby to zrobić. Oto jeden

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

Answer 4

Można spróbować:

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

Answer 5

jak o

$("#ParentDiv :input") 

Answer 6

jeśli trzeba znaleźć wejście od SubDiv2 tylko od posiadania informacji parentDiv można użyć

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

lub

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

Gdzie eq (1) będzie Ci z drugim div wewnątrz ParentDiv

Answer 7

spróbować

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