如何找到div 1的输入标签？

Question

如果我们有这样的div

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

现在，如果我想从id = 4的div跳转到<div id="1">的输入标签 使用父子关系如何跳转到该特定输入标记。 请帮忙

谢谢..

Answer 1

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

当然这假设div＃1总是div＃3的前一个兄弟，就像你在例子中一样。

Answer 2

的document.getElementById（ “4”）。的childNodes [0]。

虽然你使用的是jquery，但它会是这样的：

$（ “＃4”）的儿童。（ “：输入”）

Answer 3

ID无法以数字开头，因此我将您的代码更改为：

<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")