动态分配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('/'); } 
}