jQuery parent(expr)

Поиск функций jQuery

Характеристика функции

[Функция] parent(expr)

Раздел "Traversing"

Функция предоставляет доступ к набору элементов, содержащих уникальные родительские элементы для выбранных наборов элементов.

Параметры

parent(expr)

1.0

expr: выражение фильтрующее родительские элементы.

Описание

Вы можете использовать необязательное выражения для фильтрации родительских элементов. Если нет родительских элементов возвращается jQuery объект со значением 0.

Возможно, Вам будет интересно прочитать статьи о jQuery:

Примеры

Пример:

Указать родительские элементы каждого элемента (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, 
    <span>span, 
      <em>em </em>
    </span>
  
  <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://slyweb.ru/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, 
    <span>span, 
      <em>em </em>
    </span>
  
  <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" для каждого параграфа.

Пример
Весь код

"jQuery"

$("p").parent(".selected").css("background", "yellow");

"HTML"

p
  <div>div</div>
  p
  p
  <div>div</div>
  p
  <div>div</div>

"CSS"

<div>Hello</div>
<div class="selected">Hello Again</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://slyweb.ru/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
  <div>div</div>
  p
  p
  <div>div</div>
  p
  <div>div</div>



</body>
</html>


<style>

<div>Hello</div>
<div class="selected">Hello Again</div>

</style>

Метод появился в jQuery 1.0

Официальная страница метода - http://api.jquery.com/parent/

Форма для комментариев

Версия jQuery 1.4.2 Документ создан 2010-08-21

Руководство jQuery 1.4.2

Плагины jQuery UI

Эффекты

Возможно, Вам будет интересно прочитать статьи о jQuery: