javascript - 如何在没有jquery的情况下获取最接近的输入文本的id？

Question

在 IE 7 中做我的项目(不幸的是)。我有这个 DOM，我想知道位于我单击的按钮之后的最近输入文本的 ID，而不是它之前的输入文本。下面是 DOM 示例:

<input type="text" id="txt1" />
<br/>
<button>Get ID</button>
<input type="text" id="txt2" />
<br/>

我知道如何在 Jquery 中做到这一点，但有人知道如何以“困难”的方式做到这一点(如果可能的话)？谢谢。

Answer 1

如果他们总是这样的 sibling ，那应该很容易。

var nextInputId = buttonClicked.nextSibling.id;

jsFiddle .

这很脆弱，除了一组非常简单的有限标记之外，不建议用于任何其他用途。

不幸的是，nextElementSibling 在 IE9 之前才可用，因此如果您在那里有一个文本节点(甚至是一些空格)，您就会遇到一些麻烦。

一个相对稳健的非常好的解决方案是......

var node = buttonClicked;
var nextInputId = null;

while (node = node.nextSibling) {
    if (node.tagName && node.tagName.toLowerCase() == "input") {
        nextInputId = node.id;
        break;
    }
}

jsFiddle .