【示例】
-
HTML
<p>您好!您最喜欢的IT公司是:</p> <ul> <li title="Google">Google</li> <li title="Apple">Apple</li> <li title="Microsoft">Microsoft</li> </ul> <table name="name-replace"></table> <button id="button-replaceWith">替换节点元素 - replaceWith方法</button>
-
JS
$(document).ready(function(){ $("button#button-replaceWith").click(function(){ $("p").replaceWith("<strong>您好!您最喜欢的IT公司是:</Strong>"); $("[name='name-replace']").replaceWith("<tr><td>name-replace</td><td>name-replace</td><td>name-replace</td><td>name-replace</td></tr><tr><td>name-replace</td><td>name-replace</td><td>name-replace</td><td>name-replace</td></tr>"); }); });