在jQuery的單擊事件

發送隱藏字段的值，我使用下面的模板來顯示從數據庫中的數據。它被重複並且相同的類被多次使用。我想要傳遞該onclick事件btnDelete上該模板中隱藏字段的值。在jQuery的單擊事件

<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事件聯繫起來，但我不知道如何使其發揮作用。

來源

2012-09-11 Scott Selby

您可以使用prev或siblings方法。

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

來源

2012-09-11 14:45:05 undefined

謝謝，那會工作 –

使用類似

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

來源

2012-09-11 14:46:08 alexbusu

感謝 - 這是接近 - 但我有多於一個類型的按鈕在我的網頁，所以我將有使用。凡（）的一個，在對方的回答做同樣的用類選擇 –

你會使用正確的選擇，而不是'$（「輸入[類型=‘按鈕’]」）'。我的代碼只是「如何做」的一個例子。 – alexbusu

我知道，我知道了，我只是評論說，你工作得很好 - 只要對方的回答幾乎一樣幾乎在同一時間，但他是一個有點近一點，所以我必須接受他 –

您可以使用siblings()方法查找在同一父附近的元素住宿。即：

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

這裏是關於操作性演示：jsFiddle

來源

2012-09-11 15:00:45 taiansu

在jQuery的單擊事件

回答

相關問題