如果 td 没有文本,jquery 隐藏表格行

标签 jquery html css hide

如果 td 行中没有文本,我试图隐藏表格行。怎么做。 到目前为止我试过的是at fiddle here

Javascript:

$('#tblNodes > tbody  > tr').each(function () {
    if ($td.text() == '') {
        $(this).hide();
    }
});

HTML:

<table id="tblNodes" border=1 width=100%>
    <tr>
        <td class="nodeData"></td>
    </tr>
    <tr>
        <td class="nodeData">abc</td>
    </tr>
    <tr>
        <td class="nodeData"></td>
        <tr>
            <td class="nodeData"></td>
        </tr>
        <tr>
            <td class="nodeData">abc</td>
        </tr>
        <tr>
            <td class="nodeData"></td>
        </tr>
    </tr>
</table>

最佳答案

尝试

$('#tblNodes > tbody  > tr').has('td:empty').hide()

$('#tblNodes > tbody  > tr td:empty').parent().hide()

关于如果 td 没有文本,jquery 隐藏表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22292072/

相关文章:

javascript - 如何在 jQuery 中使用占位符?

html - 防止 float 图像在 div 中移动居中标题

javascript - 如何在脚本标签中加载javascript函数

javascript - 在某个点停止固定元素滚动?

html - 创建下拉菜单?

javascript - 3D 可点击饼图?

javascript - 浏览器认为元素在被 js 移走后仍然悬停

PHP AJAX JQUERY 加载页面

css - 如何将背景图像添加到 <select> 输入的 <option> 元素?

html - flex 1 :1 is not working with Ionic grid. 我需要分配空间 50:50