我想在表中添加一行,然后将其用作DOM对象。 假设以下HTML:
<table>
<tr class="existing-row"><td>
<a>add new row</a>
</td></tr>
<tr class="existing-row"><td>
<a>add new row</a>
</td></tr>
</table>
我使用以下JavaScript与jQuery插入一行:
function addNewRow(addNewRowLink)
{
var currentRow = addNewRowLink.closest('tr');
currentRow.after('<tr class="added-row"><td>This is new</td></tr>');
var newRowInDomTree = currentRow.next('tr');
//This does not work
}
变量newRowInDomTree
包含tr.existing-row
而不是tr.added-row
。 看来DOM树没有更新,但我没有说明原因。
有任何想法吗?