javascript - If rowspan 3 is found remove 3rd cell of next and next tr -
possible duplicate:
remove next row cell if rowspan found
table before removing 3rd cell of tr
<table id="mytable" runat="server" bgcolor="gray"> <tbody> <tr class="csstablelisttd"> <td></td> <td class="csstdgreen">30</td> <td class="csstdgreen" rowspan="3"> <span>john</span> </td> </tr> <tr class="csstablelisttd"> <td></td> <td class="csstdgreen">45</td> <td>remove me</td> </tr> <tr class="csstablelisttd"> <td>09:00</td> <td class="csstdgreen">00</td> <td>remove me</td> </tr> </tbody> </table>
i have loop through table in every tr if td have csstdgreen , have attribute rowspan. have remove cell have text remove me.
function cleartable() { $('#mytable tbody tr td.csstdgreen').each(function () { if ($(this).attr('rowspan')) { $(this).parent().find('td:last').remove(); } }); }
** have make table **
<table id="mytable" runat="server" bgcolor="gray"> <tbody> <tr class="csstablelisttd"> <td></td> <td class="csstdgreen">30</td> <td class="csstdgreen" rowspan="3"> <span>john</span> </td> </tr> <tr class="csstablelisttd"> <td></td> <td class="csstdgreen">45</td> </tr> <tr class="csstablelisttd"> <td>09:00</td> <td class="csstdgreen">00</td> </tr> </tbody> </table>
try this,
this search table id mytable
td
having class csstdgreen
, rowspan 3
. if found remove last td
in siblings(tr).
$('#button1').click(function() { $('#mytable td.csstdgreen[rowspan=3]').each(function() { $(this).parent().siblings().each(function() { $(this).find('td').last().remove(); }); }); });
â â
Comments
Post a Comment