jQuery替换节点

最新推荐文章于 2022-07-12 21:07:45 发布

原创最新推荐文章于 2022-07-12 21:07:45 发布 · 4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#替换节点 #replaceAll #replaceWith

jQuery 专栏收录该内容

25 篇文章

订阅专栏

替换节点有两种方法：

replaceAll：

replaceWith

例子：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>替换节点</title>
	<meta charset="utf-8" />
    <script src="../scripts/jquery-1.3.1.js"></script>
    <script>
        $(function () {
            //使用replaceAll（替换）将"<li >西瓜</li>"替换ID为app的li标签
            $("<li >西瓜</li>").replaceAll("#app");
            //使用replaceWith（替换）将ID为pp的li标签替换成"<li >西瓜</li>"
            $("#pp").replaceWith("<li >哈密瓜</li>");
        });
    </script>
</head>
<body>
  <h3>例子</h3>
    <ul>
        <li title="苹果" id="app">苹果1</li>
        <li title="香蕉">香蕉1</li>
        <li title="橘子">橘子1</li>
        <li title="梨" id="pp">梨1</li>
    </ul>
</body>
</html>