Javascript 检查表格行单元格中的内容
我想使用jQuery检查表的每个表行中的第二个单元格是否包含任何文本,如果第二个单元格不包含任何文本,则将表行设置为显示:无 最好的办法是什么 HTML:Javascript 检查表格行单元格中的内容,javascript,jquery,Javascript,Jquery,我想使用jQuery检查表的每个表行中的第二个单元格是否包含任何文本,如果第二个单元格不包含任何文本,则将表行设置为显示:无 最好的办法是什么 HTML: 结果 1000 描述 时间/日期 14:03 22/01/12 这将遍历每个tr,使用数组(从零开始)查找第二个元素,并使用$.html().length查看它是否包含任何内容。如果是空的,它会用$隐藏tr(this)。hide()一个简单的解决方案,使用:empty选择器 $("#results tr").find('td:eq(1):
结果
1000
描述
时间/日期
14:03 22/01/12
这将遍历每个
tr
,使用数组(从零开始)查找第二个元素,并使用$.html().length
查看它是否包含任何内容。如果是空的,它会用$隐藏tr
(this)。hide()
一个简单的解决方案,使用:empty
选择器
$("#results tr").find('td:eq(1):empty').parent().hide();
小提琴:看看:
我测试过了,在这里效果很好。请注意,不需要空检查
empty\u td
-如果没有匹配的元素,jQuery将返回空集合。嗯,我不知怎的不知道有。有用!这避免了所有其他解决方案中的匿名函数或额外DOM遍历。
$('table tr').each(function() {
if(!$(this).find('td').eq(1).html().length) {
$(this).hide();
}
});
$("#results tr").find('td:eq(1):empty').parent().hide();
$('table tr').has('td:empty:nth-child(2)').hide()