javascript - 表格中的定位按钮

Question

我正在动态创建一个表格行，如下所示，在最后一个表格单元格内有一个“删除”按钮，但是在渲染时，“删除”按钮没有整齐地落在表格中应有的位置。有什么想法吗？

    strAppend = '<tr>' +
                    '<td id="SUBJ_'+idNum+'" class="td-SUBJ_'+idNum+'"><input type="text" class="SUBJ" value="Elective" name="SUBJ"> </td>' +
                    '<td id="REQUIRED_'+idNum+'" class="td-REQUIRED"><input type="checkbox" value="1" maxlength="40"> </td>' +
                    '<td id="DELETED_'+idNum+'" class="td-DELETED"><button id="DELETE_"'+idNum+'" class="DELETE">Del</button></td>' +
                    '<td><input value="Test"></td>' +
                '</tr>'

    //Add row
    $j("tbody > tr:last").prev().before(strAppend);

Answer 1

您过早结束报价

'<td id="DELETED_'+idNum+'" class="td-DELETED"><button id="DELETE_"'+idNum+'" class="DELETE">Del</button></td>' +

会导致这样的结果

<td id="DELETED_5" class="td-DELETED"><button id="DELETE_"5" class="DELETE">Del</button></td>

去掉按钮定义中的额外引号

'<td id="DELETED_'+idNum+'" class="td-DELETED"><button id="DELETE_'+idNum+'" class="DELETE">Del</button></td>' +