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

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
Строка 12: Строка 12:
  |class="discr"|вернет все непустые div-элементы.
  |class="discr"|вернет все непустые div-элементы.
  |}
  |}
 +
 +
Селектор <tt>:parent(n)</tt> является надстройкой библиотеки jQuery, а не частью официальной css спецификации (как большинство других селекторов). Поэтому, при поиске, jQuery не сможет использовать быструю нативную функцию <tt>querySelectorAll()</tt>. Для наилучшей производительности подойдет следующий вариант:
 +
<codeditor mode="javascript">
 +
// не самый быстрый вариант
 +
$( '.some-hint:parent' );
 +
 +
// эффективнее будет
 +
$( '.some-hint' ).filter(':parent');
 +
</codeditor>
 +
 +
Не стоит путать селектор <tt>:parent</tt> с jQuery-методами [[Поиск родительского элемента|<tt>.parent()</tt>]] и [[Поиск всех предков|<tt>.parents()</tt>]] (которые ищут родительские элементы и всех потомков, соответственно). Несмотря на общее название, назначения у селектора и методов разные.
Селектор [[Селектор отсутствия содержимого|<tt>:empty</tt>]] является инверсией <tt>:parent</tt>.
Селектор [[Селектор отсутствия содержимого|<tt>:empty</tt>]] является инверсией <tt>:parent</tt>.

Версия 10:05, 26 февраля 2014

:parent1.0

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

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

$("div:parent") вернет все непустые div-элементы.

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

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

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

В действии

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

Ссылки

Поисковые ключи:
  • элементы с содержимым
  • непустые элементы
  • parent
  •  :parent

От автора jquery.page2page.ru

 
Мини-игра про поход за продуктами во время карантина.

за Comic Sans извени

Личные инструменты