Question

我正在尝试访问相同<tr>级别的元素，如下所示

<tr>
  <td ><input type='text' value='{$result['name']}' name='itemName' /></td>
  <td><input type='text' value='{$result['quantity']}' name='itemQuantity' /></td>
  <td><input type='text' value='{$result['cost']}' name='itemPrice' /></td>
  <td><input type='submit' name='submit' value='submit'/></td>
</tr>

我想点击提交按钮，并通过帖子连接发送三个输入字段中的每个值，到目前为止，我尝试通过这样做来访问这些值

$(this).parent("tr").children("td input").val();

会产生undefined结果。

Answer 1

parent仅选择所选元素的parentNode元素（如果它与指定的选择器匹配），您可以使用closest方法：

$('tr input[type=submit]').click(function(event) {
   event.preventDefault();
   var data = $(this).closest('tr').find('input').serializeArray();  
   // Using "siblings" method     
   // var data = $(this).parent('td').siblings().find('input').serializeArray();
});

Answer 2

submit的直接父级为td，而非tr。所以试试这个

$(this).parent("td").siblings("td input").val();

访问表的各种子元素

2 个答案: