我有下面的示例表,有时它有内容,但有时候没有。
如何使用jquery,如果没有td(或者只有1行tr)我会隐藏整个表格?
example 1:
<table>
<tr><th>some title</th></tr>
</table>
example 2:
<table>
<tr><th>some title</th></tr>
<tr><td>some content</td></tr>
</table>
我试过了,但似乎没有工作。
$('table').each(function() {
if ($(this).find('td:empty').length) $(this).remove();
});
答案 0 :(得分:5)
更改为:
<强> JS 强>
$('table').each(function() {
if($(this).find('tr').children("td").length < 1) {
$(this).hide();
}
});
你想隐藏你的桌子?如果是,我建议使用hide()
导致remove()
,从DOM中删除该元素。
答案 1 :(得分:3)
var len = $('#yourTable tr');
if(len.length>1){
$('#yourTable').show();
} else {
$('#yourTable').hide();
}
示例:HERE
答案 2 :(得分:0)
$('table').each(function() {
if ( $(this).find('td').length < 1 || $(this).find('td').is(':empty') ) {
$(this).hide();
}
});