Question

我使用以下模板显示数据库中的数据。重复这一过程，并且多次使用相同的类。我想在onclick btnDelete事件中传递该模板中隐藏字段的值。

<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事件内联，但我不知道如何使其工作。

Answer 1

您可以使用prev或siblings方法。

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

Answer 2

使用类似

的内容

$('input.btnDelete').on('click', function(){
    var hidden = $(this).parent().find('input[type="hidden"]');
    /* actions */
}

Answer 3

您可以使用siblings()方法查找附近的元素是否在同一个父级中。即：

 $('input.btnDelete').click(function(){
   var $hiddenVal = $(this).siblings('input[type="hidden"]').val();
   fnRemoveTicket($hiddenVal);
});

以下是可行的演示：jsFiddle

jQuery在click事件上发送隐藏字段的值

3 个答案: