jquery - テーブルのさまざまな子要素へのアクセス

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>

送信ボタンをクリックして、3 つの入力フィールドから各値を取得し、ポスト接続を介して送信したいのですが、これまでのところ、これを実行してこれらの値にアクセスしようとしました

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

それは結果をundefinedもたらします。

Answer 1

parentparentNode選択した要素の要素のみを選択します（指定されたセレクターと一致する場合）、メソッドを使用できます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

submitistdと notの直接の親tr。だからこれを試してください

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