insertAfter()方法将指定的HTML元素插入到选定的元素之后。
要在选定元素之前插入HTML元素,请使用insertBefore()方法。
在after()和insertAfter()方法执行相同的任务。主要区别在于语法:
使用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"); });测试看看‹/›
参数 | 描述 |
---|---|
content | 指定要插入的内容(必须包含HTML标记) 可能的值:
|
selector | 所选元素将插入到此参数指定的元素之后 |