Question

$(".hidee2").click(function() {
    var type = $(".st").val();
}

<form action="" method="POST"><input type="hidden" class="st" value="st"><div class="button">Room Status : Accepting Reservation <br /><span><span><a class="hidee2">Book Now!</a></span></span></div></form>

<form action="" method="POST"><input type="hidden" class="st" value="st2"><div class="button">Room Status : Accepting Reservation <br /><span><span><a class="hidee2">Book Now!</a></span></span></div></form>

<form action="" method="POST"><input type="hidden" class="st" value="st3"><div class="button">Room Status : Accepting Reservation <br /><span><span><a class="hidee2">Book Now!</a></span></span></div></form>

How do i get which book now! link user click? because i need to pass over the st value? is there any way to achieve this using jquery? currently, only st value is passed over

Answer 1

$(".hidee2").click(function() {
    var type = $(this).closest("form").find(".st").val();
});

i.e., get the closest form which is parent to the clicked anchor (it’s closest ancestor), and from there, traverse downwards to find the child input, and get it’s value.