Частичные селектора jQuery

У меня есть несколько таблиц, которые имеют вложенные таблицы. Я использую jQuery, чтобы скрыть некоторые ячейки таблицы, поскольку число пусто или содержимое не имеет значения.

Я использую jQuery, чтобы скрыть все TD, а затем jQuery, чтобы показать их, например, если они содержат <P>.

К сожалению, некоторые из TD не содержат ничего, но все же должны быть показаны. Класс TD задан динамически, поэтому я не смогу кодировать их всех (Разумно), однако они все заканчивают 'Node'

Мне было интересно, можно ли сделать что-то вроде...

$(function() {
   $('TR .*Node').css('display','inline');
});

Ответ 1

Это выберет любые tds с Node где-то в их имени класса.

$('td[class*=Node]').css('display','inline');

Это выберет любые tds с Node в конце имени своего класса.

$('td[class$=Node]').css('display','inline');

Имейте в виду, что .show() делает примерно то же самое, что .css('display','inline');

Ответ 2

Селектор [attribute $= "value" ] позволит вам сопоставлять атрибуты, которые заканчиваются определенным стоимость. Обратите внимание, что использование show() вместо изменения CSS напрямую сохранит отображаемые характеристики элемента, который вы показываете. Если вы действительно хотите заставить их отображать встроенную строку, вы можете вернуть ее обратно к методу css с помощью display: inline

 $('td[class$="Node"]').show();

Ответ 3

$(function() {
     $('td[class*=Node]').css('display','inline');
});