删除和替换
.remove([selector])
移除某一个节点以及他们的孩子节点。
$('.pear').remove();
$.html();
//=> <ul id = "fruits">
// <li class = "apple">Apple</li>
// <li class = "orange">Orange</li>
// </ul>
.replaceWith(content)
替换匹配的节点。
var plum = $('<li class = "plum">Plum</li>');
$('.pear').replaceWith(plum);
$.html();
//=> <ul id = "fruits">
// <li class = "apple">Apple</li>
// <li class = "orange">Orange</li>
// <li class = "plum">Plum</li>
// </ul>
- 在右侧代码框中第8行中输入:
var plum = $('- Plum
'); - 在右侧代码框中第9行中输入 $('.pear').replaceWith(plum); 。
- 在右侧代码框中第10行中输入 console.log($.html()); 。
- 点击提交运行 按钮