i have an html table. here is a simplified version:
<table>
<tr>
<td><div style="display: none;" class="remove0">Remove Me</div></td>
</tr>
<tr>
<td><div style="display: none;" class="remove1">Remove Me</div></td>
</tr>
<tr>
<td><div class="remove2">Remove Me</div></td>
</tr>
</table>
i have javascript that clicks on Remove Me in the last row and it deletes the html row using:
$(this).parents("tr:first").remove();
the issue is that when i remove this last row, i also want the "Remove Me" text to now show up on the second row (which is now the new last row). how would i show this div so that it would dynamically show the "remove me" from the new last row?