Селектор наличия содержимого

Соответствует всем непустым элементам. Наличие одного только пробела уже будет считается наличием содержимого.

Примеры использования:

$("div:parent")

вернет все непустые div-элементы.

Селектор :parent является надстройкой библиотеки jQuery, а не частью официальной css спецификации (как большинство других селекторов). Поэтому, при поиске, jQuery не сможет использовать быструю нативную функцию querySelectorAll(). Для наилучшей производительности подойдет следующий вариант:

// не самый быстрый вариант
$( '.some-hint:parent' );

// эффективнее будет
$( '.some-hint' ).filter(':parent');

Не стоит путать селектор :parent с jQuery-методами .parent() и .parents() (которые ищут родительские элементы и всех потомков, соответственно). Несмотря на общее название, назначения у селектора и методов разные.

Селектор :empty является инверсией :parent.

В действии

Найдем все непустые ячейки в таблице:

~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
  ~lt~style~gt~
    td { text-align:center; }
  ~lt~/style~gt~
  ~lt~script src="https://code.jquery.com/jquery-latest.min.js"~gt~~lt~/script~gt~
~lt~/head~gt~
~lt~body~gt~

  ~lt~table border="1" cellspacing="0" cellpadding="3"~gt~
    ~lt~tr~gt~
      ~lt~td~gt~ Золото ~lt~/td~gt~
      ~lt~td~gt~~lt~/td~gt~
    ~lt~/tr~gt~
    ~lt~tr~gt~
      ~lt~td~gt~ Бриллианты ~lt~/td~gt~
      ~lt~td~gt~~lt~/td~gt~
    ~lt~/tr~gt~
    ~lt~tr~gt~
      ~lt~td~gt~~lt~/td~gt~
      ~lt~td~gt~ Компромат ~lt~/td~gt~
    ~lt~/tr~gt~
  ~lt~/table~gt~

  ~lt~script~gt~
    $("td:parent")
      .css('background', 'rgb(255,220,200)');
  ~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~

Ссылки

• Остальные селекторы по содержимому
• Список всех селекторов
• $( ) — функция jQuery