jquery - $(this) 在函数中不起作用？

Question

我有一个在单击按钮时调用的函数。我想遍历 dom 到达一个隐藏的输入字段，其中包含一些我需要访问的存储数据。

按钮

<button class="btn btn-small btn-danger delete-video-btn" onclick="delete_video()"><span class="icon-remove"><i> </i></span>Delete Video</button>   

JavaScript

function delete_video() {
    alert('delete video is running');
    var thisUniqueID = jQuery(this).parent().parent().parent().find('input[name="uniqueVideoID"]').val();
    alert(thisUniqueID);
    //alert("Are you sure you want to delete this video?");
}

但就目前情况而言，在我的 jquery 中使用 (this) 并不能按预期工作。如果我像这样设置它，它会工作，但是这不适用于我设置的代码。

这可行，但不是我需要的

jQuery('.delete-vide-btn').click(function() {
  var thisUniqueID = jQuery(this).parent().parent().parent().find('input[name="uniqueVideoID"]').val();
  alert(thisUniqueID);
})      

当函数运行时，如何让它找到正确的元素并存储数据，而不是使用 .click 函数？

Answer 1

你可以这样做:

onclick="delete_video.call(this)"

并且不对您的代码进行任何更改。

<强> Here an example