Question

我有一个逐行动态添加到dom的表。每行在行的最后一行中都有一个按钮。可以选择删除。

我在获取按钮或任何属性的ID时遇到问题。但是应用了样式。

function makeLeague(){
var tableStart = "<table style='min-width:100%;' id='league-table-custom' class='league-table ui-responsive' data-mode='reflow'><th>TEAM</th><th>PLD</th><th>W</th><th>D</th><th>L</th><th>GF</th><th>GA</th><th>GD</th><TH>PTS</TH><th></th>";
var tableEnd = "</table>";
var tableMid = '' ;
var secondtab = $('#demo1');

leagueSize = league.length;

for(k=0; k<league.length; k++){
tableMid += "<tr>";
for(i=0; i< 9; i++){
tableMid += "<td> " + league[k][i] + "</td>";

}
tableMid += "<td><input type='button' class='remove' value='"+k+"' id="+k+"></td></tr>";

}




secondtab.html(tableStart + tableMid + tableEnd).trigger('create');
$('#demo1').trigger('create'); //tried many combinations/and on own
$('.remove').button();
$('.remove').trigger('create');
}

$('.remove').on('click',function(){
   console.log ($(this).attr.id);});

有没有人对我在这里出错的地方有任何建议。我阅读了jquery移动文档，他们声明样式按钮包含在div中。这会影响我的访问吗？或者我可以以更好的方式构建函数，以消除任何问题。

Answer 1

我得到了这个工作，我不得不再多走一点dom。获取值时，我输入$('#pageone').on('click', 'table .remove',function(){ console.log ($(this).attr('id')); });并且它有效。不确定这是正常行为，并希望它适用于所有浏览器。谢谢你的任何意见。

而不是$('.remove').on('click',function(){ console.log ($(this).attr.id);});

jquery移动按钮刷新无法以编程方式工作

1 个答案: