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

Metodo jQuery insertAfter()

jQueryHTML/CSS方法

insertAfter() inserisce l'elemento HTML specificato dopo l'elemento selezionato.

Per inserire un elemento HTML prima dell'elemento selezionato, utilizzare il metodoinsertBefore()metodo.

nelafter()Esegue lo stesso compito di insertAfter(). La principale differenza risiede nella sintassi:

  • 使用after(),选择表达式在函数的前面,参数是将要插入的内容。

  • 使用insertAfter(),刚好相反,内容在方法前面,它将被放在参数里元素的后面。

语法:

$("content").insertAfter("selector")

示例

在每个段落之后插入HTML元素:

$("button").click(function(){
  $("<p style='color:red;'>Hello world</p>").insertAfter("p");
});
测试看看‹/›

使用insertAfter()方法在每个选定元素之后插入一个现有元素:

$("button").click(function(){
  $("h1").insertAfter("p");
});
测试看看‹/›

参数值

参数描述
内容指定要插入的内容(必须包含HTML标记)

可能的值:

  • HTML元素

  • DOM元素

  • jQuery对象

选择器所选元素将插入到此参数指定的元素之后

jQueryHTML/CSS方法