[Функция] parent(expr)
Раздел "Traversing"
Функция предоставляет доступ к набору элементов, содержащих уникальные родительские элементы для выбранных наборов элементов.
Параметры
parent(expr)
1.0
expr: выражение фильтрующее родительские элементы.
Описание
Вы можете использовать необязательное выражения для фильтрации родительских элементов. Если нет родительских элементов возвращается jQuery объект со значением 0.
Примеры
Пример:
Указать родительские элементы каждого элемента (parent > child).
"jQuery"
$("*", document.body).each(function () {
var parentTag = $(this).parent().get(0).tagName;
$(this).prepend(document.createTextNode(parentTag + " > "));
});
"HTML"
<div>div,
<span>span, </span>
<b>b </b>
</div>
<p>p,
<span>span,
<em>em </em>
</span>
</p>
<div>div,
<strong>strong,
<span>span, </span>
<em>em,
<b>b, </b>
</em>
</strong>
<b>b </b>
</div>
"CSS"
div,p { margin:10px; }
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("*", document.body).each(function () { var parentTag = $(this).parent().get(0).tagName; $(this).prepend(document.createTextNode(parentTag + " > ")); }); }); </script> </head> <body class="iframe"> <div>div, <span>span, </span> <b>b </b> </div> <p>p, <span>span, <em>em </em> </span> </p> <div>div, <strong>strong, <span>span, </span> <em>em, <b>b, </b> </em> </strong> <b>b </b> </div> </body> </html> <style> div,p { margin:10px; } </style>
Пример:
Найти родителские элементы с классом "selected" для каждого параграфа.
"HTML"
<p>p</p> <div>div</div> <p>p</p> <p>p</p> <div>div</div> <p>p</p> <div>div</div>
"CSS"
<div><p>Hello</p></div> <div class="selected"><p>Hello Again</p></div>
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("p").parent(".selected").css("background", "yellow"); }); </script> </head> <body class="iframe"> <p>p</p> <div>div</div> <p>p</p> <p>p</p> <div>div</div> <p>p</p> <div>div</div> </body> </html> <style> <div><p>Hello</p></div> <div class="selected"><p>Hello Again</p></div> </style>
Версия jQuery 1.4.2
Документ создан 2010-08-21