Firebase表-javascript

Firebase表-javascript,javascript,jquery,firebase,firebase-realtime-database,Javascript,Jquery,Firebase,Firebase Realtime Database,我有一个firebase数据库,其中包含一些信息,我刚刚构建了一个表: rootRef.on("child_added", snap => { var name = snap.child("leagueName").val(); var code = snap.key; $("#table_body").append("<tr><td> <button id="+code+" class='mdl-button mdl-js-b

我有一个firebase数据库,其中包含一些信息,我刚刚构建了一个表:

    rootRef.on("child_added", snap => {
    var name = snap.child("leagueName").val();
    var code = snap.key;
    $("#table_body").append("<tr><td> <button id="+code+" class='mdl-button mdl-js-button'>"+ name +" </button></td></tr>");}); 
rootRef.on(“添加了子项”,snap=>{
var name=snap.child(“leagueName”).val();
var代码=snap.key;
$(“#表体”).append(“+name+”);});
所以现在我的表中有任意数量的行,每个行都有一个带有唯一ID的按钮。 下一步是,我希望它们中的每一个都是指向其他页面的链接

有没有办法检索这些ID来创建一个js click函数? 我的意思是,我不知道这些ID是什么以及它们中有多少,因为这是用户将输入的内容


也许还有其他更有效的方法

我想您可能正在寻找:

$('#table_body').on('click', 'btn', function() {
  alert($(this).attr('id'));
  document.location = 'https:/your.new.url/leagues/' + $(this).attr('id');
});
<>当然,如果你想让元素仅仅是链接到另一个页面,你就应该考虑让它们成为代码> <代码>元素,因为它们是对页面链接建模的惯用方式。在这种情况下,您还可以在生成表中的行时简单地插入键:

$("#table_body").append("<tr><td> <a id="+code+" href='https:/your.new.url/leagues/"+code+"' class='mdl-button mdl-js-button'>"+ name +" </button></td></tr>");}); 
$(“#表体”).append(“+name+”;});