jQuery在单击事件时发送隐藏字段的值

jQuery在单击事件时发送隐藏字段的值,jquery,buttonclick,Jquery,Buttonclick,我使用以下模板显示数据库中的数据。它是重复的,相同的类被多次使用。我想在btnDelete的onclick事件中传递该模板中隐藏字段的值 <div class="Template"> <div class="Title"></div> <div class="Price"></div> <div class="_Qty">Total Tickets:<div class="TotalQty"&g

我使用以下模板显示数据库中的数据。它是重复的,相同的类被多次使用。我想在
btnDelete
onclick
事件中传递该模板中隐藏字段的值

<div class="Template">
    <div class="Title"></div>
    <div class="Price"></div>
    <div class="_Qty">Total Tickets:<div class="TotalQty"></div></div>
    <div class="_Qty1">Sold Tickets:<div class="UsedQty"></div></div>
    <div class="_Date">On Sale:<div class="StartDate"></div></div>
    <div class="_Date1">Sale Ends:<div class="EndDate"></div></div>
    <input type="hidden" value="8c991c10-7d88-4212-b931-5bfeff4ebcd0" />
    <input type="button" class="btnDelete" value="Remove Ticket" onclick="fnRemoveTicket(**THIS IS WHERE I NEED TO PASS HID VALUE**);"/>
    <input type="button" class="btnEdit" value="Edit Ticket"/>
</div>

门票总数:
已售出门票:
出售:
售罄日期:

我不知道如何传递与按钮位于同一父项中的隐藏字段的值。通常,我会选择带有某种类型的唯一选择器的按钮。然后执行类似于
$(this).closest
$(this.parent)的操作。由于该按钮没有什么独特之处,因此我必须将其与
onclick
事件一起传递,但我不知道如何使其工作。

您可以使用
prev
兄弟
方法

$('.btnDelete').click(function(){
     var val = $(this).prev().val();
     // var val = $(this).siblings("input[type='hidden']").val()
})
使用类似

$('input.btnDelete').on('click', function(){
    var hidden = $(this).parent().find('input[type="hidden"]');
    /* actions */
}
您可以使用
sides()
方法查找位于同一父元素中的邻近元素。 即:


这是一个可行的演示:

谢谢-这很接近-但是我的页面上有不止一种类型的按钮,所以我必须使用。在其中的where()中,另一个答案对类选择器也有相同的作用。您将使用正确的选择器,而不是
$('input[type=“button”]')
。我的代码只是“如何做”的一个例子。我知道,我明白了,我只是说你的工作很好-只是其他答案在几乎相同的时间几乎相同,但他的有点接近,所以我不得不接受他的
 $('input.btnDelete').click(function(){
   var $hiddenVal = $(this).siblings('input[type="hidden"]').val();
   fnRemoveTicket($hiddenVal);
});