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

jQuery insertBefore() 方法

对于before()选择表达式在函数前面,内容作为参数

jQuery HTML/Méthodes CSS

insertBefore()方法将指定的HTML元素插入到选定的元素之前。

要在选定元素之后插入HTML元素,请使用insertAfter()方法。

before()和的insertBefore()方法执行相同的任务。主要区别在于语法:

  • Utilisationbefore(),选择表达式在函数前面,内容作为参数

  • UtilisationinsertBefore()Inversément, le contenu est avant la méthode, il sera placé devant l'élément de paramètre

Syntaxe :

$(content).insertBefore(selector)

Exemple

Insérez un élément HTML avant chaque paragraphe :

$("button").click(function(){
  $("<p style="39;color:red;'>Hello world</p>").insertBefore("p");
});
Vérifiez et voyez‹/›

Utilisez la méthode insertBefore() pour insérer un élément existant avant chaque élément sélectionné :

$("button").click(function(){
  $("h1").insertBefore("p");
});
Vérifiez et voyez‹/›

Valeur du paramètre

ParamètresDescription
contenuContenu à insérer (doit contenir des balises HTML)

Valeurs possibles :

  • Élément HTML

  • Élément DOM

  • Objet jQuery

selectorL'élément sélectionné sera inséré avant l'élément spécifié par ce paramètre

jQuery HTML/Méthodes CSS