Скрыть все <td> с конкретным содержанием, используя JQuery

Question

В поисках предложений о том, как скрыть все <td> в конкретной таблице, которая соответствует содержанию в примере ниже (6 пробелов):

<td id="" class="">  </td> 

Firebug показывает, как

<td class="" id=""> 

</td> 

Answer 1

Вы должны использовать jQuery contains.

Что-то вроде:

$("td:contains('  ')").css("display", "none"); 

Answer 2

Если вы хотите, чтобы предназначаться фактические <td> элементы на основе их id и class атрибутов, вы можете использовать attribute equals selector, чтобы справиться с этим:

// Hide any <td> elements that have an empty ID and class attributes 
$('td[id=""][class=""]').hide(); 

Аналогично, если вы хотели настроить эти элементы на основе их содержимого, тогда вы можете использовать селектор contains():

// Hide any elements that contain six consecutive spaces 
$('td:contains("  ")').hide(); 

Однако, если вы хотите, чтобы целевые элементы, которые содержали точно, что содержание, вы, вероятно, необходимо будет обрабатывать его через filter() вызова:

// Hide any <td> elements that have content that is exactly six spaces 
$('td').filter(function(){ $(this).text() == '  '; }).hide(); 

Answer 3

Если по какой-то причине :contains не работает, вы можете использовать метод jquery .html() в цикле для проверки содержимого:

$('td').each(function() { 
    if ($(this).html() === '  ') { 
    $(this).hide() 
    } 
})