[jQuery] How to remove gracefully and shift other cells up?
Hi,
I am adding DIVs to rows where each row contains three cells. I'm
adding them such that they might form HTML like so ...
<tr>
<td><div class="box-content">...</div></td>
<td><div class="box-content">...</div></td>
<td><div class="box-content">...</div></td>
</tr>
<tr>
<td><div class="box-content">...</div></td>
<td><div class="box-content">...</div></td>
<td></td>
</tr>
But let's say I removed the very first DIV with class="box-content",
making '<td><div class="box-content">...</div></td>' become "<td></
td>". Using JQuery, how could I restructure my DOM such that the
resulting rows and cells looked like:
<tr>
<td><div class="box-content">...</div></td>
<td><div class="box-content">...</div></td>
<td><div class="box-content">...</div></td>
</tr>
<tr>
<td><div class="box-content">...</div></td>
<td></td>
<td></td>
</tr>
? Thanks, - Dave