如何更新使用jQuery啓動的模式中的-data-row屬性？

我有一個推出這樣一個模式：如何更新使用jQuery啓動的模式中的-data-row屬性？

<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和modal-footer？

來源

2016-10-19 user1996496

單擊編輯項目時更新數據屬性。

$(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); 
});

來源

2016-10-19 03:41:18 partypete25

這是完美的解決方案，並立即工作。謝謝！ – user1996496

試試這個：

.load(URL, function (responseText, textStatus) { 
       if (textStatus === 'success' || 
        textStatus === 'notmodified') 
       { 
        $('div.modal-footer > a.delete_item').data('row', param); 
        modal.modal("show"); 
       }

來源

2016-10-19 03:29:24

var val=6; 
var footerDataRow=$(".modal-footer").find('a'); 
footerDataRow.data('data-row',val);

這可以在一個行完成，我已經解剖它，讓您瞭解它。

來源

2016-10-19 03:33:27 Netham

如何更新使用jQuery啓動的模式中的-data-row屬性？

回答

相關問題