動態分配ID

Question

我正在使用nodejs和expressjs。

我從數據庫加載列表。選擇任何列表元素會彈出一個覆蓋圖，用於編輯並刪除所選項目。我無法弄清楚如何將選定的清單項目發送到快速路線。

我相信需要做的事情：動態地爲疊加層上的按鈕分配一個ID。我試圖做一個jfiddle，但疊加層不起作用。

任何想法？我用jquery將覆蓋層滑入視圖。

感謝您抽出時間來閱讀這篇

我有一個動態創建的列表，與類「.recordlongpress」每個項目我申請這個jQuery的功能吧。

$(document).ready(function(){   
    $('.recordlongpress').bind('tap', function() { 
     return; 
    }); 
    $('.recordlongpress').bind('taphold', function() { 
     $('#overlay').fadeIn('fast',function(){ 
      $('#box').animate({'top':'100px'},500); 
     }); 

    }); 
    $('#boxclose').click(function(){ 
     $('#box').animate({'top':'-100px'},500,function(){ 
      $('#overlay').fadeOut('fast'); 
     }); 
    }); 

}); 

這使我的疊加是通過CSS的組合，並且該HTML

<div class="overlay" id="overlay" style="display:none;"></div> 
    <div class="box" id="box"> 
     <a class="boxclose" id="boxclose"></a> 
      <button onclick="location.href='/scape/editcustomerform/id'">Edit Contact</button> 
      <button onclick="location.href='/scape/deletecustomer/ID'">Delete Contact</button> 
      <button>E-mail Customer</button> 
      <button>Call Customer</button> 
      <button>GPS to Address</button> 
      <button>Create Quote</button> 
      <button>Create Sales Order</button> 
      <button>Create Cash Sale</button> 
     </div> 
    </div> 

我試圖路徑ID添加到我的路線年底完成，但它只是從字面上需要單詞id。感謝您的幫助

Answer 1

試試這個：

var box  = document.getElementById('box'), 
    buttons = box.getElementsByTagName('button'); 

for(var i = 0; i < buttons.length; i++){ 
    buttons[i].id = [ 'my', 'button', 'id', i ].join('-'); 
} 

JsFiddle

此外，您可以嘗試 「地圖」 行動：

var box  = document.getElementById('box'), 
    buttons = box.getElementsByTagName('button'); 

var map = [ 
    'editcustomerform', 
    'deletecustomer', 
    'emailcustomer', 
    'callcustomer', 
    'gpstocustomer', 
    'createquote', 
    'createsalesorder', 
    'createcashsale' 
]; 

for(var i = 0; i < buttons.length; i++){ 
    buttons[i].id = [ 'my', 'button', 'id', i ].join('-'); 
    buttons[i].onclick = function(){ location.href = [ '/scape', map[i], 'id' ].join('/'); } 
}