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

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
(В действии)
Строка 2: Строка 2:
<div class="titleOfArt">:parent<span class="nVers">1.0</span></div>
<div class="titleOfArt">:parent<span class="nVers">1.0</span></div>
-
Соответствует всем непустым элементам. Наличие одного только пробела уже считается наличием текста.
+
Соответствует всем непустым элементам. Наличие одного только пробела уже будет считается наличием содержимого.
<p class="smallTitleOfTable">
<p class="smallTitleOfTable">
Строка 17: Строка 17:
Найдем все непустые ячейки в таблице:
Найдем все непустые ячейки в таблице:
</p>
</p>
-
<advCode atype="editable" width="450px" height="250px">
+
<codeditor>
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
<head>
<head>
   <style>
   <style>
-
 
+
    td { text-align:center; }
-
  td { text-align:center; }
+
   </style>
   </style>
   <script src="http://code.jquery.com/jquery-latest.min.js"></script>
   <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
</head>
<body>
<body>
 +
   <table border="1" cellspacing="0" cellpadding="3">
   <table border="1" cellspacing="0" cellpadding="3">
     <tr>
     <tr>
Строка 42: Строка 42:
     </tr>
     </tr>
   </table>
   </table>
-
<script>$("td:parent").css('background', 'rgb(255,220,200)');</script>
+
 
 +
  <script>
 +
    $("td:parent")
 +
      .css('background', 'rgb(255,220,200)');
 +
  </script>
</body>
</body>
</html>
</html>
-
</advCode>
+
</codeditor>
==Ссылки==
==Ссылки==
Строка 51: Строка 55:
*[[Селекторы|Список всех селекторов]]
*[[Селекторы|Список всех селекторов]]
*[[Функция jQuery|$( ) &mdash; функция jQuery]]
*[[Функция jQuery|$( ) &mdash; функция jQuery]]
-
<stag ttype=selector alias=":parent"> элементы с содержимым, непустые элементы, parent </stag>
+
<stag ttype=selector alias=":parent"> элементы с содержимым, непустые элементы, parent, :parent </stag>

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

:parent1.0

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

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

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

В действии

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

Ссылки

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

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

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

за Comic Sans извени

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