Как найти входной тег od div 1?

Question

если мы Див как этот

<div id="1"> 
    <input type="text" /> 
    <div id="2"></div> 
</div> 
<div id="3"> 
    <div id="4"> 
     <input type="text" /> 
    </div> 
</div> 

теперь, если я хочу, чтобы перейти от DIV ид = 4 для ввода тега из <div id="1"> с помощью родительского ребенка отношения, как я могу перейти к конкретной входной метке. Пожалуйста, помогите

спасибо ..

Answer 1

document.getElementById ("4"). ChildNodes [0].

Хотя, если вы используете JQuery это будет что-то вроде:

$ ("# 4") дети (": вход").

Answer 2

$('#4').parent().prev().children('input:first') 

Конечно, это предполагает, что DIV # 1 всегда является предыдущим братом div # 3, как и в примере.

Answer 3

идентификаторы не могут начинаться с цифры, так что я изменить свой код:

<div id="id1"> 
    <input type="text" /> 
    <div id="id2"></div> 
</div> 
<div id="id3"> 
    <div id="id4"> 
    <input type="text" /> 
    </div> 
</div> 

Итак, что делает его:

$("#id4").parents("body").children("div:first").children("input") 

Другой, более короткий вариант:

$("#id4").parents("body").find('input') 

Или быстрый способ:

$("input:first")