我有一个包含以下代码的表:
<table>
<thead>
<tr>
<th>#</th>
<th>Item Name</th>
<th>Item Description</th>
<th>Picture URL</th>
<th>Requested Price</th>
<th>Category</th>
<th>t</th>
</tr>
</thead>
<tbody id="itemsTable">
<tr index="0">
<td>1</td>
<td><input id="itemName0" index="0"></td>
<td><textarea id="itemDescription0" index="0" maxlength="200"></textarea></td>
<td><input id="itemPicURL0" index="0"></td><td><input id="requestedPrice0" index="0"></td>
<td><input id="category0" index="0"></td>
<td><button class="btnRemove ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" index="0" role="button" aria-disabled="false"><span class="ui-button-text">Remove</span></button></td>
</tr>
<tr index="1">
<td>2</td>
<td><input id="itemName1" index="1"></td>
<td><textarea id="itemDescription1" index="1" maxlength="200"></textarea></td>
<td><input id="itemPicURL1" index="1"></td><td><input id="requestedPrice1" index="1"></td>
<td><input id="category1" index="1"></td>
<td><button class="btnRemove ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" index="1" role="button" aria-disabled="false"><span class="ui-button-text">Remove</span></button></td>
</tr>
<tr index="2">
<td>3</td>
<td><input id="itemName2" index="2"></td>
<td><textarea id="itemDescription2" index="2" maxlength="200"></textarea></td>
<td><input id="itemPicURL2" index="2"></td>
<td><input id="requestedPrice2" index="2"></td>
<td><input id="category2" index="2"></td>
<td><button class="btnRemove ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" index="2" role="button" aria-disabled="false"><span class="ui-button-text">Remove</span></button></td>
</tr>
</tbody>
</table>
我想这样做,如果用户单击按钮删除,它会删除当前行,并将所有其他行重新索引为始终从 0 到我可以删除该行的行数,但重新索引是困难的部分,如何遍历表节点以便更改它们的索引?