Как не отображать таблицу если в ней нет tr на JQuery или JS?

Question

[Gera11]

<table id="news" class="table" style="margin-top: -1px;">
  <tbody style="font-size: 90%;">
  </tbody>
</table>

Как с помощью JQ или JS сделать так, чтобы таблица вообще не отображалась если в ней нет tr?
добавить display none что-ли если в ней нет записей tr

Comments

[Дмитрий]

А что там может отобразиться если нет TR?

[Gera11]

Дмитрий, пустой блок со своими стилями. Какая разница что? фишка не в этом. Нужно присвоить display none если нет tr

Answer 1

[0xD34F]

const tableId = 'news';
const trSelector = 'tbody tr';

Вот jquery:

$(`#${tableId}`).show().not(`:has(${trSelector})`).hide();

// или

const $table = $('[id="' + tableId + '"]');
$table.toggle(!!$table.find(trSelector).length);

А вот jquery нет:

(t => t.hidden = !t.querySelector(trSelector))
(document.querySelector('#'.concat(tableId)));

// или (в стили надо будет добавить .hidden { display: none; })

const table = document.getElementById(tableId);
table.classList.toggle('hidden', Array.prototype.every.call(
  table.tBodies,
  n => !n.rows.length
));

UPD. Наконец-то дождались, теперь js тут не нужен:

#news:not(:has(tbody tr)) {
  display: none;
}

Comments

[Gera11]

Сделал так:
$('#nnews').not(':has(tr)').hide()
но ничего)

[Дмитрий]

Красиво и емко, но подключать ради одной строчки jquery кажется немного излишним

[0xD34F]

В тексте вопроса:

<table id="news"

после получения ответа:

Сделал так:
$('#nnews')

Ну и какого хрена?

[Gera11]

0xD34F, У меня на сайте я использую "nnews" а тут для корректности вопроса я написал "news" Какая вообще вам разница?

[0xD34F]

Действительно. Наврал про свой код - делов-то. Тут же одни телепаты и ясновидящие кругом - и так поймут, что к чему.

Ответ на свой вопрос ты получил - дальше сам. Неспособен ответом воспользоваться - проблема твоя и только твоя. Хочешь, чтобы стала чьей-то ещё - оформляй новый вопрос или иди на фриланс.

[Gera11]

0xD34F, Тебя забанят чувак, следи за своими словами

Answer 2

[Дмитрий]

Поставить этот код в тэг "script" перед закрывающим тэгом body

const table = document.querySelector("#news")
if (!table.querySelector("tbody tr")) {
  table.style.display = "none"
} else {
  table.style.display = ""
}

Answer 3

[Vadim Bogomazov]

Убрать tbody, перенести его стили в table, далее:



Но в целом странная задача, почему не сделать проверку на бэке, если данные таблицы не статичны.