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

Материал из JQuery

Версия 08:26, 26 февраля 2014 (просмотреть исходный код) Admin (Обсуждение | вклад) ← Предыдущая правка		Версия 08:31, 26 февраля 2014 (просмотреть исходный код) Admin (Обсуждение | вклад) Следующая правка →
Строка 12:		Строка 12:
	|class="discr"|вернет все непустые div-элементы.		|class="discr"|вернет все непустые div-элементы.
	|}		|}
		+
		+	Селектор [[Селектор отсутствия содержимого|<tt>:empty</tt>]] является инверсией <tt>:parent</tt>.
	==В действии==		==В действии==

---

Версия 08:31, 26 февраля 2014

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

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

$("div:parent")

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

Селектор :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="http://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