如果找到第3行,则删除next和next tr的第3个单元格
If rowspan 3 is found remove 3rd cell of next and next tr
可能重复:
如果找到行跨度,则删除下一行单元格
删除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>
如果td有csstdgreen和属性rowspan,我必须在每个tr中循环遍历表。我必须删除单元格有文本删除我。
function clearTable() {
$('#mytable tbody tr td.csstdgreen').each(function () {
if ($(this).attr('rowspan')) {
$(this).parent().find('td:last').remove();
}
});
}
**我必须做这样的桌子**
<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>
试试这个,
实时演示
这将在id为mytable
的表中搜索具有class csstdgreen
和rowspan 3
的td
。如果找到,它将删除所有同级(tr)中的last td
。
$('#button1').click(function() {
$('#mytable td.csstdgreen[rowspan=3]').each(function() {
$(this).parent().siblings().each(function() {
$(this).find('td').last().remove();
});
});
});
如果您也必须考虑行跨度的值,请尝试以下操作:
$('table tr td.csstdgreen').each(function() {
// parse attribute
var rowspan = isNaN($(this).attr('rowspan')) ? 1 : parseInt($(this).attr('rowspan'));
if (rowspan > 1) {
var rows = $(this).parent().nextAll().slice(0, rowspan - 1); // limit elements
$(rows).find('td:last-child').remove(); // remove last td of each row
}
});
相关文章:
- Jquery - table.row(tr) is undefined
- 用Javascript添加带有#text的tr元素
- ES6生成器:.next()的输入值
- 使用Javascript,如何显示<tr>在另一<tr>悬停时,隐藏第二个<tr>
- 使用next、prev按钮制作简单的jQuery图像滑块
- 如何从表中的api中删除表tr数据comping
- Redux中间件在next()之前更改状态
- 使用Razor/C#循环浏览HTML表以获得每个<tr>
- 在同一tr-jQuery中获取td的值
- 重置使用javascript创建的新tr的val
- Javascript/JQuery删除代码中的父TR问题
- react-让一个元素返回两个相邻的<tr>标签
- 如何从Tr重复的输入文本中获取值
- 在这种情况下,如何获取选定的表tr行
- jQuery只隐藏<tr>在一张桌子上
- 单击时在每个tr行上切换类
- 尝试应用于<tr>在ng单击中
- 使用'从HTML表中提取行的内容<tr onclick=alertContents()>'
- 如何禁用FuelUX向导步骤1中的NEXT按钮
- 如果找到第3行,则删除next和next tr的第3个单元格