jquery沒有得到隱藏輸入的值...返回undefined

Question

<input type="hidden" value="pgrOtbU2qq"> 
<button class="btn btn-primary delete" onclick="deleteEvent()">Delete</button> 

function deleteEvent(){ 
    var id =$(this).siblings('input[type=hidden]').val(); 
    console.log(id); 
} 

控制檯返回undefined！

我曾試圖與.attr（「值」），但沒有任何反應......

編輯：

function deleteEvent(){ 
    var id =$("button").siblings('input[type=hidden]').val(); 
    console.log(id); 
} 

Answer 1

由於您使用jQuery的，我認爲這可能是你

HTML

<input type="hidden" value="pgrOtbU2qq"> 
<button class="btn btn-primary delete">Delete</button> 

一個更好的辦法的JavaScript

$('button.delete').click(function(){ 
    var id = $(this).siblings('input[type=hidden]').val(); 
    alert(id); 
}); 

FIDDLE

Answer 2

您需要通過this你的函數獲取當前點擊的參考元件：

<button class="btn btn-primary delete" onclick="deleteEvent(this)">Delete</button> 

和使用：

function deleteEvent(el){ 
    var id = $(el).siblings('input[type=hidden]').val(); 
    console.log(id); 
} 

Fiddle Demo