如果则显示 jQuery-ui 对话框不为空

Question

我有一个像这样的 div 块：

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

我想要做的就是检查 中是否有一些文本，并在对话框中显示此 div 块，否则不显示什么都不做。

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

Answer 1

首先你的html无效。 tr 标记可以包含一个或多个 th 或 td 元素 (W3C)。所以修复你的html。

至于使用 jQuery 进行验证：

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

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

Answer 2

演示

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

Answer 3

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

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

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

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