jQueryで要素を選択する

Question

私は同じクラス名で私のWebページに多くのフォームを持っています。

<form method="post" action="" class="like-form"> 
    <input type="hidden" value="10"/> 
    <!--some other input tags --> 
    <input type="submit" value="like" class="btn btn-primary like"/> 
</form> 

私は何をしたいです：

$(".like").click(function(event) {  
    event.preventDefault(); 
    var formData = $(this).prev(".like-form").serialize(); 
    console.log(formData); 
}); 

：私のようなボタンを押したび が、私は同じような何かをすることによって（このボタン「のような」を含む）形式のデータを取得したいです

しかし、これは動作しません。 jQueryでこれをどのように達成できますか？

Answer 1

prev()の代わりにclosest()を使用してください。

var formData = $(this).closest(".like-form").serialize();