jQuery查找和替换忽略标签

Question

我已经用 jQuery 构建了一个小的查找和替换功能。 (See functional example here) 在您考虑格式化标签之前，它运行良好。

假设以下html：

Here <i>is</i> my <b>sample</b> text

如果您搜索sample text，搜索会因为粗体标签而失败。

可接受的结果是删除<b>sample</b> text，将其替换为您输入的任何替换内容。它应该单独留下斜体标签。这怎么可能实现？

这是我目前所拥有的：

function findandreplace() {
  var text = $('.editor').html(),
      find = $('#find').val(),
      replace = $('#replace').val(),
      newText = text.replace(new RegExp(find, "g"), replace)
  $('.editor').html(newText);
}

Answer 1

您可以使用text() 忽略标签并替换文本，但不能保留标签。这是你想要的吗？

function findandreplace() {
  var text = $('.editor').text(),
      find = $('#find').val(),
      replace = $('#replace').val(),
      newText = text.replace(new RegExp(find, "g"), replace)
  $('.editor').html(newText);
}

编辑：这个满足要求，但是我们可以针对需要的标签进一步概括/优化它。

function findandreplace() {
     var find = $('#find').val(),
         replace = $('#replace').val()

     $('.editor').find('b').contents().unwrap();
     var text = $('.editor').html();
     var newText = text.replace(new RegExp(find, "g"), replace)
     $('.editor').html(newText);
}