jQuery after()和insertAfter()方法

本節教學主要介紹 after( ) 和 insertAfter( ) 方法在元素外部的“後面”插入內容。

jQuery after()方法

在 jQuery 中，我們可以使用 after( ) 方法向所選元素外部的“後面”插入內容。

語法：

$(A).after(B)

$(A).after(B) 表示往 A 外部的後面插入 B。

舉例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        p{background-color:orange;}
    </style>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                var $strong = "<strong>jQuery教學</strong>";
                $("p").after($strong);
            })
        })
    </script>
</head>
<body>
    <p>C語言中文網</p>
    <input id="btn" type="button" value="插入"/>
</body>
</html>

程式執行結果如圖 1 所示。

圖 1：預設效果