Показать диалоговое окно 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

ДЕМО

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() пробел из возвращенной строки.