0
我有一个表与下面的代码如何遍历表的代码
<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到行数 我可以删除行,但重新索引是很难的部分,我如何遍历表节点以便我可以更改它们的索引?
它改变了tr的索引,但没有输入和其他东西的索引,如果你注意到,每个节点的输入都有一个索引......我怎样才能达到它们呢? –
@LenaBru更新了我的答案检查一次。 – Unknown