jQuery La méthode after() pour insérer un contenu dans un élément HTML. La méthode after() insère le contenu spécifiée après les éléments sélectionnés
La méthode after() insère le contenu spécifiée après les éléments sélectionnés.
Syntaxe:
(contenu1 [, contenu2])
Paramètre | Description |
---|---|
Contenu1 | Requis. Chaine HTML, élément DOM ou objet jQuery à insérer après chaque élément dans l'ensemble des éléments sélectionnés. |
Contenu2 | Un ou plusieurs éléments supplémentaires DOM, tableaux d'éléments, chaines HTML ou objets jQuery à insérer après chaque élément dans l'ensemble des éléments sélectionnés. |
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery demo </title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").after("<b>ceci est ajouter aprés ce paragraphe</b>");
});
});
</script>
</head>
<body>
<h1>Ceci est un titre</h1>
<p>Ceci est un paragraphe.</p>
<br />
<button>Ajouter aprés l'élément p</button>
</body>
</html>
En utilisant une fonction pour insérer le contenu spécifié après les éléments sélectionnés.
Syntaxe:
$(selecteur).after(function(index))
Paramètre |
Description de |
---|---|
fonction (index) | Requis. Indique une fonction qui renvoie le contenu à insérer.
|
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery demo </title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").after(function(n){
return "<div>L'élément p ci dessus a un indexe " + n + "</div>";
});
});
});
</script>
</head>
<body>
<h1>ceci est le titre</h1>
<p>ceci est un paragraphe.</p>
<p>ceci est un aytre paragraphe.</p>
<button>Inserer le contenu chaque p</button>
</body>
</html>
Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.
GAGNER DE L'ARGENT