jQuery: граничит со всеми элементами списка, которые являются потомками указанного класса неупорядоченного списка
jQuery Fundamental - II: упражнение 57
Напишите программу для размещения рамки вокруг всех элементов списка, которые являются дочерними элементами указанного класса неупорядоченного списка.
Пример решения:
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>Border around all list items that are children of a specified class of an unordered list.</title>
</head>
<body>
<ul class="tutorial">
<li>Frontend</li>
<li>Backend
<ul>
<li>C#</li>
<li>Java</li>
<li>PHP</li>
<li>Python</li>
</ul>
</li>
<li>Database
<ul>
<li>MySQL</li>
<li>PostgreSQL</li>
<li>SQLite</li>
<li>Oracle</li>
</ul>
</li>
</ul>
</body>
</html>
Код JavaScript:
$( "ul.tutorial > li" ).css( "border", "3px double blue" );
См. Pen jquery- basic -упражнение-57 от w3resource ( @ w3resource ) на CodePen .
Внесите свой код и комментарии через Disqus.
Предыдущий: Поиск проверенного радиовхода.
Далее: с помощью jQuery найдите всех потомков каждого подразделения.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code