Селектор наличия содержимого
Материал из JQuery
(Различия между версиями)
Admin (Обсуждение | вклад) (→В действии) |
Admin (Обсуждение | вклад) |
||
Строка 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> | ||
- | < | + | <codeditor> |
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html> | <html> | ||
<head> | <head> | ||
<style> | <style> | ||
- | + | 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> | ||
- | </ | + | </codeditor> |
==Ссылки== | ==Ссылки== | ||
Строка 51: | Строка 55: | ||
*[[Селекторы|Список всех селекторов]] | *[[Селекторы|Список всех селекторов]] | ||
*[[Функция jQuery|$( ) — функция jQuery]] | *[[Функция jQuery|$( ) — функция 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-элементы. |
В действии
Найдем все непустые ячейки в таблице: