jQuery replaceWith()和replaceAll()方法

在 jQuery 中，如果想要替換元素，我們用 replaceWith() 方法和 replaceAll() 方法來實現。下面進行分別介紹。

jQuery replaceWith()方法

在 jQuery 中，我們可以使用 replaceWith() 方法來將所選元素替換成其他元素。

語法：

$(A).replaceWith(B)

$(A).replaceWith(B) 表示用 B 來替換 A。

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                $("strong").replaceWith('<a href="http://c.biancheng.net/" target="_blank">c語言中文網</a>');
            });
        })
    </script>
</head>
<body>
    <strong>jQuery教學</strong><br/>
    <input id="btn" type="button" value="替換" />
</body>
</html>

預設情況下，預覽效果如圖 1 所示。

圖 1：認效果