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

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);
}