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