- replaceWith(): Replace all matched elements with specified HTML or DOM elements.
Example 1:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>替换节点</title>
<script src="jquery-1.11.3.js"></script>
</head>
<body>
<ul id="fruit">
<li title="pg">苹果</li>
<li title="jz">橘子</li>
<li title="xj">香蕉</li>
</ul>
<script>
$(function(){
var $jz=$("<li title='jz'>桔子</li>");
var $li=$("li:eq(1)");
$li.replaceWith($jz);
})
</script>
</body>
</html>
- replaceAll(): The repalceWith() method is reversed.
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>替换节点</title>
<script src="jquery-1.11.3.js"></script>
</head>
<body>
<ul id="fruit">
<li title="pg">苹果</li>
<li title="jz">橘子</li>
<li title="xj">香蕉</li>
</ul>
<script>
$(function(){
var $jz=$("<li title='jz'>桔子1</li>");
var $li=$("li:eq(1)");
$jz.replaceAll($li);
})
</script>
</body>
</html>