Easy-Micro


LANGAGE JavaScript
Insertion JQuery

Insertion de contenu avec JQuery

append(), prepend(), before() et after()

append() : insère du contenu à la fin de la sélection ;
prepend() : insère du contenu au début de la sélection ;
before() : insère du contenu avant la sélection ;
after() : insère du contenu après la sélection.

Ajout d'une espace et de trois astérisques à la suite de chaque titre <h2>
$('h2').append(' ***');

Ajout d'une ligne de séparation horizontale avant le titre <h2> #montitre
$('#montitre').before('<hr/>');

Source : openclassrooms.com

Remplacer une sélection

On utilise la méthode replaceWith()

Par exemple, pour remplacer les balises <hr> par des sauts de ligne :
$('hr').replaceWith('<br/>');


appendTo(), prependTo(), insertAfter(), insertBefore()

  • elementarajouter.appendTo(cible) insère un élément à la fin de la cible ;
  • elementarajouter.prependTo(cible) insère un élément au début de la cible ;
  • elementarajouter.insertBefore(cible) insère un élément avant la cible ;
  • elementarajouter.insertAfter(cible) insère un élément après la cible.
appendTo() insère un élément à la fin de la cible, tout en restant à l'intérieur de cette dernière, alors que insertAfter()insère un élément après la cible. D'une manière identique, prependTo()insère un élément au début de la cible tout en restant à l'intérieur de cette dernière, alors que insertBefore()insère un élément avant la cible.

Ajout d'un élément de liste à puces après le deuxième élément de la liste
$('<li>Deuxième élément bis</li>').insertAfter($('li:nth-child(2)'));

Ajout d'une balise <hr> avant chaque titre <h2>
$('<hr>').prependTo($('h2'));
Source : openclassrooms.com


Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mercredi 13 novembre 2019 - Semaine 46 - Saint Brice (Demain: Saint Sidoine)
Aujourd'hui, c'est l'anniversaire de Whoopi Goldberg (1955-64 ans), actrice américaine (Ghost, Sister Act...). Autre 13 novembre: Attentats de Paris revendiqués par Daech : Stade de France - Terrasses de cafés et de restaurants - Salle du Bataclan Solidarité.
Haut de page Easy-Micro