jQuery: добавить элементы списка в неупорядоченный элемент списка
JQuery Практическое упражнение. Часть I: Упражнение 14
Добавьте элементы списка в неупорядоченный элемент списка, используя 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>Add li in an existing ul.</title>
</head>
<body>
<div id="header">
<ul>
<li><a href="/python/python-tutorial.php">Python</a></li>
<li><a href="/php/php-home.php">PHP</a></li>
</ul>
</div>
<input type="button" value="Click to add new li element" onclick="new_element()" />
</body>
</html>
Код JavaScript:
function new_element(){
$("#header ul").append('<li>Java</li>');
}
См. Pen jquery- Practical -упражнение-14 от w3resource ( @ w3resource ) на CodePen .
Внесите свой код и комментарии через Disqus.
Предыдущий: Выберите значения из объекта JSON, используя jQuery.
Далее: с помощью jQuery удалите все параметры из поля выбора, а затем добавьте один параметр и выберите его.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code