jQuery替换节点

 <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>


猜你喜欢

转载自blog.csdn.net/mogul1/article/details/80963071