jquery - jquery 查找某个元素是否有空元素

Question

我需要查找填充有来 self 无法控制的系统的大量表的 div 元素是否为空。我所说的空是指 div 内的表格内没有任何内容。

这是系统生成的精简标记:

<div class="shadowBox">
    <table>
        <tbody>
            <tr>
                <td>
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</div>

在某些情况下，第二个(最内部的)表内部有内容，而在某些情况下则没有。如果第二个表中没有内容，我想隐藏 div。我可以通过遍历结构并检查 td 的 html 来实现此目的:

$.trim($(".shadowBox table tbody tr td table tbody tr td").html())==""

有没有更简单的方法？

Answer 1

您可以使用text()

$.trim($(".shadowBox").text())===""

其中:

Get the combined text contents of each element in the set of matched elements, including their descendants.

如果为空，则将其隐藏

if($.trim($(".shadowBox").text())===""){
     $(".shadowBox").hide();
}