javascript - 如何向jquery警报函数传递参数

Question

我有一个带有删除按钮的 html 表。我想删除单击按钮时的行。为此，当我单击类为“.btn-danger”的按钮时，将打开一个 JQuery 警报窗口。我的问题是如何将按钮单击的 $(this) 传递给 $.alert Yes 函数，这样我就可以删除该行。我的代码如下。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.1.0/jquery-confirm.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.1.0/jquery-confirm.min.js"></script>

$(document).ready(function() {
    $('.btn-danger').on('click', function(e){
        e.preventDefault();
        var me = $(this);
        var id = $(this).closest('tr').attr('id');
        $.alert({
            title: 'Alert!',
            content: 'Are you sure you want to delete data?',
            buttons: {
                Yes: function (me) {
                    //pass value
                },
                No: function () {
                    //close function
                }
            }
        });
    });
});

Answer 1

从 Yes: function (me) {} 中删除 me，因为您已经声明了它。然后你可以像下面这样调用它。

Yes: function() {
    console.log(me)
},

$('.btn-danger').on('click', function(e) {
  e.preventDefault();
  var me = $(this);
  var id = $(this).closest('tr').attr('id');
  $.alert({
    title: 'Alert!',
    content: 'Are you sure you want to delete data?',
    buttons: {
      Yes: function() {
        console.log(me)
        //$("tr#" + id).remove() <--- example of removing the row
      },
      No: function() {
        //close function
      }
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.1.0/jquery-confirm.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.1.0/jquery-confirm.min.css" rel="stylesheet" />

<button class="btn btn-danger">delete</button>