jQuery insertAfter()

jQuery after()和jQuery insertAfter()这两个方法用于执行相同的任务，即在选定元素之后插入其他内容。

jQuery after()和insertAfter()之间的区别

after()和insertAfter之间的主要区别在于内容和目标的语法以及位置。

在after()方法中，target是选定的元素，内容作为该方法的参数放置。

$(target).after(contentToBeInserted)

在insertAfter()方法中，content是所选元素，而target则作为该方法的参数放置。

$(contentToBeInserted).insertAfter(target)

注意：如果要在所选元素之前插入HTML元素，则应使用insertBefore()方法。

句法：

$(content).insertAfter(selector)

jQuery insertAfter()方法的参数

jQuery insertAfter()方法示例

让我们看一下jQuery insertAfter()方法的示例。

Insert span element after each p element
This is a tutorial website.
This is a training institute.

输出：

Insert span element after each p element

This is a tutorial website.

This is a training institute.