x-editable如何獲得點擊元素的ID

Question

我是x-editable和jQuery的新手，所以我有一個問題，瞭解如何使用x-editable獲得單擊元素的「id」，希望有人可以提供幫助。

我的網頁上有幾個鏈接，名爲#line_item_unit_cost。

<div id="line_item_unit_cost"> 
     <a id="1">link</a> 
     <a id="2">link</a> 
     <a id="3">link</a> 
     <a id="4">link</a> 
     <a id="5">link</a> 
</div> 

當我點擊我發射的X編輯的腳本，讓我做一個聯編輯的環節之一。我遇到的問題是我需要傳遞我正在處理的哪些訂單項，以便我可以更新我的數據庫。我不知道如何（或者我做錯了）訪問我點擊鏈接的「id」。

這裏是我的腳本：

$('#line_item_unit_cost a').editable({ 
      validate: function(value) { 
       if($.trim(value) == '') return 'This value is required.'; 
      }, 
      type: 'text', 
      url: '/post', 
      pk: {{ purchaseOrder.id }}, 
      title: 'Enter Value', 
      params: { 
       purchaseOrderId : {{ purchaseOrder.id }} , 
       lineId : $(this).attr("id"), 
       text: 223 
      }, 
      ajaxOptions: { 
       dataType: 'json' 
      }, 
      success: function(response, newValue) { 

      } 
     }); 

這條線：lineId：$（本）.attr（ 「ID」）給了我一個空值。

如果我使用lineId：$（「＃line_item_unit_cost a」）。attr（「id」）不斷拉起頁面「id」上的第一個實例，而不是正在編輯的實例。

任何人都知道如何獲得我使用x-editable單擊的鏈接的ID？

非常感謝！

Answer 1

決定，我會提供解決方案，而不是刪除的情況下，任何人都需要這個職位的...

$('#line_item_unit_cost a').editable({ 
      validate: function(value) { 
       if($.trim(value) == '') return 'This value is required.'; 
      }, 
      type: 'text', 
      url: '/poste', 
      pk: {{ purchaseOrder.id }}, 
      title: 'Enter Freight Value', 
      params: function(params) { 
       var line = $(this).attr("id"); 
       var data = {}; 
       data['purchaseOrderId'] = params.pk; 
       data['field'] = params.name; 
       data['value'] = params.value; 
       data['lineId'] = line; 
       return data; 
      }, 
      ajaxOptions: { 
       dataType: 'json' 
      }, 
      success: function(response, newValue) { 

      } 
     }); 

Answer 2

$(custom_selector).each(function() { 
    var current_element = $(this); 
    $(this).editable({ 
     //common code where you can use current_element 
    });  
});