jqueryアラート関数にパラメータを渡す方法

Question

削除ボタン付きのhtmlテーブルがあります。私はボタンをクリックして行を削除したい。この目的のために、クラス '.btn-danger'のボタンをクリックすると、JQueryアラートウィンドウが開きます。私の問題は、$（この）ボタンクリックを$ .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>

Answer 2

（私はあなたが発行する理解修正した場合）あなたは

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

jsfiddle example