javascript - JavaScript 通过父元素获取元素

Question

...
<td id="mycell">
   <input type="text" name="year" onmouseout="do_something(this.value,...);" />
   <input type="text" name="month" onmouseout="do_something(this.value,...);" />
</td>
...

在其他元素上提交函数时，我需要获取相邻输入元素的值。事情是其中有 10 个，我不能使用 id，名称也相同。

所以我需要以某种方式得到父母<td>，然后解决它的孩子，例如我提交年份然后 onmouseout="do_something(this.value, this.parent.td.month.value");"

Answer 1

如果您有对输入元素之一的引用，则：

var td = input.parentNode;

然后您可以使用以下方法选择所有子输入元素：

var inputs = td.getElementsByTagName('input');

并获得一个特定的：

var input0 = inputs[0];

等等。要获取相邻输入，请在inputs集合中找到当前输入，然后根据需要获取下一个或上一个（如果有）。

Answer 2

使用 .next 和 .previous 选择器：

$(this).previous('input').val();
$(this).next('input').val();