jQuery替换节点

最新推荐文章于 2023-09-23 03:31:57 发布

原创最新推荐文章于 2023-09-23 03:31:57 发布 · 531 阅读

CC 4.0 BY-SA版权

 <script src="Scripts/jquery-1.11.3.js"></script>
    <script type="text/javascript">
        $(function () {
            //用新元素替换id为one的元素
            // $("<li>新元素</li>").replaceAll("#one");
            //用新元素替换title=苹果的元素
            $("li[title='苹果']").replaceWith("<li>新元素</li>");
            ////用新元素替换id为one的元素
            // $("#one").replaceWith("<li>新元素</li>");
        });
    </script>
</head>
<body>
    <p title="请选择喜欢的水果">水果列表 </p>
    <ul>
        <li id="one" title="苹果">苹果</li>
        <li id="two" title="橘子">橘子</li>
        <li id="third" title="西瓜121">西瓜</li>
    </ul>
</body>