如果<div>不为空</div>，则显示jQuery-ui对话框

Question

我有一个像这样的div块：

<div id="myDiv">
<table>
<tbody>
<tr>Some data</tr>
</tbody>
</table>
</div>

我想要做的就是检查<tr></tr>中是否有一些文本并在对话框中显示这个div块，否则不要做任何事情。

最好的方法是什么？我不知道如何检查<tr></tr>是否为空。

Answer 1

首先你有无效的HTML。 tr标记可以包含一个或多个th或td元素（W3C）。所以修复你的HTML。

至于使用jQuery进行验证：

if ($('#myDiv table tr td').is(':empty')) {
}
else {
}

http://jsfiddle.net/JnyJs/1/

Answer 2

您可以使用jQuery .text()函数检查“空虚”：

var $tr = $('#myDiv > table > tbody > tr');

if ($tr.text())
{
    // div is not empty
}
else
{
    // div is empty
}

您可能希望$.trim()返回字符串中的空格。

Answer 3

DEMO

var text = $.trim($('#myDiv').text());
if (text) {
    alert(text);
}