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

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

script1adsense2code

script1adsense3code

jQuery Fundamental - I: упражнение 5

Используя jQuery, добавьте класс "w3r_font_color" к последнему элементу абзаца.

 <Р> PHP </ p>
<Р> Java </ p>
<Р> Python </ p>

 п {
    поле: 8px;
    размер шрифта: 16 пикселей;
  }
  .w3r_font_color {
    красный цвет;
  }
  .w3r_background {
    фон: желтый;
  }

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

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>Add a specified class to the matched elements.</title>
   </head>
   <body>
   <p>PHP</p>
   <p>Java</p>
   <p>Python</p>
 </body>
</html>

Код CSS:

p {
    margin: 8px;
    font-size: 16px;
  }
  .w3r_font_color{
    color: red;
  }
  .w3r_background {
    background: yellow;
  }

Код JavaScript:

$( "p" ).last().addClass( "w3r_font_color" );

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

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

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

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

Предыдущий: Используя jQuery добавьте предыдущий набор элементов в стеке к текущему набору.
Далее: с помощью jQuery добавьте класс «w3r_font_color» и «w3r_background» к последнему элементу абзаца.