jQuery: добавить предыдущий набор элементов в стеке к текущему набору.

Последнее обновление 21 сентября 2018 11:13:38 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

jQuery Fundamental - I: Упражнение 4

Используя jQuery, добавьте предыдущий набор элементов в стеке к текущему набору.

Пример решения:

HTML-код:

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Using jQuery add the previous set of elements on the stack to the current set.</title>
</head>
<body>
<div class="left">
<p><strong>Before <code>addBack()</code></strong></p>
<div class="before-addback">
<p>JavaScript</p>
<p>jQuery</p>
</div>
</div>
<div class="right">
<p><strong>After <code>addBack()</code></strong></p>
<div class="after-addback">
<p>JavaScript</p>
<p>jQuery</p>
</div>
</div>
</body>
</html>

Код CSS:

p, div {
    margin: 5px;
    padding: 5px;
    color: #c03199;
  }
  .border {
    border: 2px solid #360e9b;
  }
  .background {
    background: #cdc8b1;
  }
  .left, .right {
    width: 40%;
    float: left;
  }
  .right {
    margin-left: 2%;
  }

Код JavaScript:

$( "div.left, div.right" ).find( "div, div > p" ).addClass( "border" );
 
// First Part
$( "div.before-addback" ).find( "p" ).addClass( "background" );
 
// Second Part
$( "div.after-addback" ).find( "p" ).addBack().addClass( "background" );

Используемые методы:

.addClass (): добавляет указанный класс (ы) к каждому элементу в наборе соответствующих элементов.
.addBack (): добавить предыдущий набор элементов в стеке к текущему набору, необязательно фильтруемый селектором.

См. Pen jquery- basic -упражнение-4 от w3resource ( @ w3resource ) в CodePen .

Внесите свой код и комментарии через Disqus.

Предыдущий: Создайте элемент абзаца с некоторым текстом и добавьте его в конец тела документа, используя jQuery.
Далее: с помощью jQuery добавьте класс "w3r_font_color" к последнему элементу абзаца.