Comment ajouter <li> dans une liste <ul> existante en jQuery

Vous pouvez simplement utiliser la méthode append() de jQuery pour ajouter des éléments <li> dans une liste <ul> existant.
 
 
L’exemple suivant ajoutera l’élément <li> à la fin de la liste <ul> en cliquant sur le bouton.
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					$("#langages").append('<li><a href="#">Nouveau langage</a></li>');
				});
			});
		</script>
	</head>
	<body>
		<ul id="langages">
			<li><a href="#">JavaScript</a></li>
			<li><a href="#">HTML</a></li>
			<li><a href="#">CSS</a></li>
		</ul>
		<button type="button">Ajouter un langage</button>
	</body>
</html>
Résultat
QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *