id値を外部関数に渡してポップオーバー

Question

id値を別の関数に渡そうとしていません。

はJQuery：

$('a.btnPopClass').popover({ 
      placement: 'right', 
      html: true, 
    content: 'Are you sure?<br><br><a class="btn btn-danger btn-block" id="click-me">Yes</a>' 
}).parent().on('click', '#click-me', function() { 
    delete_row(id); 
}); 

HTML：

<a type="button" data-id="<?php echo $row['id']; ?>" class="btnPopClass btn btn-danger btn-block">Remove</a> 

ボタンは、データ-id値を取得し、私はdelete_row（）関数にこの値を渡したいです。私は $（this）.data（ 'id'）で実験していますが、私は問題を解決する方法を視覚化できません。

Answer 1

idをdata属性として設定するクリックイベントを追加できます。

.click(function() { 
    $(this).next(".popover").find("a").attr("data-id",$(this).data("id")); 
}) 

$('a.btnPopClass').popover({ 
 
    placement: 'bottom', 
 
    html: true, 
 
    content: 'Are you sure?<br><br><a class="btn btn-danger btn-block" id="click-me">Yes</a>' 
 
}).click(function() { 
 
    $(this).next(".popover").find("a").attr("data-id",$(this).data("id")); 
 
}).parent().on('click', '#click-me', function() { 
 
    alert($(this).data("id")); 
 
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<a type="button" data-id="2" class="btnPopClass btn btn-danger btn-block">Remove</a>

Answer 2

あなたはそれを検索し、あなたはすでにそれに割り当てられているIDを取得することができますので、私はあなたの[削除]ボタンにIDを割り当てます。これは、特に、ページ内のすべてのリンクの代わりにRemoveActionボタンがあります：

$('a.btnPopClass').popover({ 
 
      placement: 'right', 
 
      html: true, 
 
    content: 'Are you sure?<br><br><a class="btn btn-danger btn-block" id="click-me">Yes</a>' 
 
}).parent().on('click', '#click-me', function() { 
 
\t \t alert($('#RemoveAction').data('id')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet"/> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/css/tether.min.css" rel="stylesheet"/> 
 
<a type="button" data-id="50" id="RemoveAction" class="btnPopClass btn btn-danger btn-block">Remove</a>

の作業フィドル：https://jsfiddle.net/HappyiPhone/2mrsgsow/