親要素jqueryの入力値を返します

Question

親行には数量の入力があります。子行にはボタンがあります。ボタンをクリックして数量を返したいと思います。これまで私は試しました：

$(".btn-primary").click(function(e) { 

    var qty = $(this).closest("input").val(); 

}); 

しかし、これは未定義を返します。

誰かが助けることができますか？

ありがとうございます！

Answer 1

親の行には数量の入力があります。子行にはボタンがあります。

注意してください、最初のtrは、2番目のtrの親ではありません。 trの要素は、質問のhtmlにある兄弟です。

は、セレクタinputとセレクタtr、.find()で、trにチェーン.prev()を.closest()のセレクタを調整してみてください、.val()あなたのhtmlで `input`タグである

$(this).closest("tr").prev("tr").find("input").val()