javascript - 如何更新使用 jQuery 启动的模式中的 -data-row 属性？

Question

我有一个像这样启动的模式:

<a href="javascript:;" class="edit_item" data-row="6">
 <i class="icon-open"></i>
</a>

然后又会开火

$( document ).on( "click", ".edit_item", function() {

        var row=$(this).data("row");
        var params="myfile.php&link="+row;
        open_box_edit(params);
});

open_box_edit只是:

function open_box_edit(params)
{        

      var URL=ajax_url+"/?"+params;
      var modal = $('#modal_edit');
        modal
            .find('.modal-body')
            .load(URL, function (responseText, textStatus) {
                if ( textStatus === 'success' || 
                     textStatus === 'notmodified') 
                {
                    modal.modal("show");
                }
        });  
}

modal-body内一切正常，但现在我添加了 modal-footer div 到该模态，该 div 内部是一个用于删除项目的链接，其具有相同的 data-row属性作为打开的模态。基本上:

<div id="modal_edit" class="modal fade" 
     tabindex="-1" role="dialog" aria-labelledby="plan-info-edit" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <!-- CONTENT HERE -->
            </div>
            <div class="modal-footer">

            <!-- DELETE BUTTON -->
            <a href="javascript:;" class="delete_item" data-row="">
              <i class="icon-delete"></i>
            </a>
            <!-- DELETE BUTTON -->

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

我该如何做才能使<a href="javascript:;" class="delete_item" data-row="">本质上变成<a href="javascript:;" class="delete_item" data-row="6"> ？基本上我需要做的就是更新模式内的delete_item 类的数据行。

非常感谢任何提示!

更新1:

• 我正在考虑可能给予 open_box_edit另一个参数(行)，然后在函数中运行类似 $('.delete_item').data('row', row); 的内容。但是我如何定位特定的 div 和模态页脚呢？

Answer 1

单击编辑项时更新数据属性。

$( document ).on( "click", ".edit_item", function() {
    var row=$(this).data("row");
    $('.delete_item').data("row",row); // add this line
    var params="myfile.php&link="+row;
    open_box_edit(params);
});