English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Méthode jQuery replaceWith()

HTML jQuery/Méthodes CSS

La méthode replaceWith() remplace l'élément sélectionné par un nouveau contenu.

La méthode replaceWith() est similaire àreplaceAll()maiscontentetselectorAu contraire.

Grammaire :

Contenu de remplacement :

$("selector").replaceWith(content)

Remplacement de contenu en utilisant une fonctionnalité :

$("selector").replaceWith(function(index))

Exemple

Remplacer tous les paragraphes par <h1Élément :

$("button").click(function(){
  $("p").replaceWith("<h1>Nouveau titre</h1>");
});
Vérifiez et voyez‹/›

Remplacement de contenu en utilisant une fonctionnalité :

$("button").click(function(){
  $("p").replaceWith(function(i){
    return "<h2>Cet élément a l'index " + i + ".</h2>";
  });
});
Vérifiez et voyez‹/›

Valeur du paramètre

ParamètresDescription
contentSpécifier le contenu à insérer (peut contenir des balises HTML)

Valeurs possibles :

  • Élément HTML

  • Élément DOM

  • Objet jQuery

function(index)Spécifier une fonction qui renvoie le contenu HTML à remplacer
  • index-Retourner l'index de l'élément dans l'ensemble

HTML jQuery/Méthodes CSS