javascript - Jquery:如何去除 form 和 div 标签来隔离一段内容？

Question

我想去掉这段 html:

<form>
   <h3>Some Title</h3>
   <div class="grab_this_content">
      This sentence is what I want remaining.
   </div>
</form>

只是这样:

This sentence is what I want remaining.

我知道如何去除表单标签:

  $form = $('form');
  $form.replaceWith($form.html());

...结果是:

   <h3>Some Title</h3>
   <div class="grab_this_content">
      This sentence is what I want remaining.
   </div>

但这仍然给我留下了 h3 标签以及 html block 内的 div (div class="grab_this_content") 标签，我也想将其剥离。关于如何去除上面的 HTML block 并只留下我想要的句子的任何想法？

Answer 1

简单易行:

$('form').replaceWith($('div .grab_this_content', 'form').text());

jsFiddle example