Cheerio 互动版

删除和替换

.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>
  1. 在右侧代码框中第8行中输入:
    var plum = $('
  2. Plum
  3. ');
  4. 在右侧代码框中第9行中输入 $('.pear').replaceWith(plum);
  5. 在右侧代码框中第10行中输入 console.log($.html());
  6. 点击提交运行 按钮