在JQuery中,如何获取相邻的表格单元格？

Question

我有一个包含多行的表,每行包含三个单元格.每个单元格都包含一个文本框,所以它看起来像这样:

XXXX   XXXX   XXXX

在第一个文本框的keyup事件中,我希望将其内容复制到第二个文本框中,而不是第三个文本框.

我的keyup事件我可以获得对第一个文本框的引用.做.parent()会给我单元格,如果我想,再做.parent()会给我一行.

我可以使用什么JQuery来获取相邻的文本框？

Answer 1

你可以.next()用来获得下一个兄弟,像这样:

var nextTD = $(this).closest("td").next();
//for your case:
$(this).closest("td").next().find("input").val($(this).val());

.parent()也适用,.closest()只是更灵活,因为你可以改变你的标记,它仍然会去最近的<td>父母.