我正在尝试克隆表的最后一行,并使用jquery指定新的名称和ID属性。
JQuery函数
function addTableRow(table){
var $tr = $(table).find("tbody tr:last").clone();
$tr.find("input,select,textarea").attr('name', 'test');
$tr.find("input,select,textarea").attr('id', 'test');
$(table).find("tbody tr:last").after($tr);
}
表行(在PHP中)
echo '<tr onclick="alert(this.innerHTML);">';
echo '<td>Home: </td>';
echo '<td colspan="6"><input type="text" name="home'.$i.'" id="home'.$i.'" value="'.$row['homePhone'].'" style="width: 90px;"></td>';
echo '</tr>';
按钮(PHP外)
<button onclick="addTableRow(document.getElementById('tableID'));">Add</button>
上面的代码在chrome和firefox中完美运行。但是,在IE9中,只有id属性发生了变化,而名称始终保持不变。
导致此行为的原因是什么?如何使我的代码正常工作?