如何使用jquery将变量传递给bootstrap确认模式按钮

Question

我想在“删除”按钮上为click事件附加一个处理程序，这将弹出一个确认模式。确认后，它应该重定向到process.php?cid=$cid。但是我如何将变量$cid传递给模态删除呢？

数据列表：

<?php
    foreach($getChannel as $data) {
?>
<div class="btn-group btn-group-solid">
    <a class="btn red" data-toggle="modal" href="#small" id="<?php echo $cid?>">
    <i class="fa fa-trash"></i> Delete </a>
</div>
<?php
    }
?>

模式：

<div class="modal fade bs-modal-sm" id="small" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Confirm</h4>
            </div>
            <div class="modal-body">
                 Are you sure to delete?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn green" data-dismiss="modal"  id="delcancel">cancel</button>
                <button type="button" class="btn red" id="del" onclick="process.php?cid=$cid">Go Delete</button>

            </div>
        </div>
    </div>
</div>

如何使用jQuery接收$cid变量？

<button type="button" class="btn red" id="del" onclick="process.php?cid=$cid">Go Delete</button>

Answer 1

<button type="button" class="btn red" id="del" data-cid="<?php echo $cid; ?>">Go Delete</button>

使用保存$cid值的自定义属性

$("button[data-cid!='']").click(function() {
    var getCid = $(this).attr("data-cid"); // this returns $cid
    //your statements what you wanna proceed with
});

然后使用jQuery来利用jQuery中的$cid值，tag with attribute选择器用于将单击事件定位在具有data-cid属性的按钮上。在定位点击事件之后，使用$(this)来定位点击的当前元素，以检索属性.attr('data-cid')值