Selecting element in jQuery

Question

I have many forms in my webpage with the same class-name.

<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>

What I want to do is: Whenever I hit a like button, I want to get the data of the form (containing this 'like' button) by doing something like:

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

But this doesn't work. How can I achieve this in jQuery?

Ibrahim Khan · Accepted Answer · 2016-05-19 18:00:12Z

4

Use closest() instead of prev().

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

answered May 19, 2016 at 18:00

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Selecting element in jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related