在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>父級。

Answer 2

從.parent() <td> ，使用next()轉到下一個<td> ，然后使用.children('input')來獲取子<input>元素。

所以你最終會在你的keyup處理程序中得到類似的東西。

$(this).parent().next().children('input').val( this.value );

Answer 3

嘗試next()函數。 這將選擇所選元素的下一個兄弟。