使用jQuery查找和替换HTML

Question

我正在尝试做一个Bookmarklet或浏览器扩展,当我查看它时将修改另一个网站,更具体地说,我正在尝试使用带有按钮栏的Javascript Markdown编辑器,如Stackexchange在我不拥有的另一个网站上使用所以我必须这样做带有书签或扩展名.

现在我需要在页面上找到textarea并用不同的代码块替换它,如下所示.该页面确实有jQuery,所以我可以使用...如果你能告诉我如何做到这一点我真的很感激,谢谢

找

<textarea rows="10" cols="50" name="description" id="description" tabindex="4"></textarea>

用...来代替...

<div class="wmd-panel">
    <div id="wmd-button-bar"></div>
    <textarea class="wmd-input" id="wmd-input" name="description"></textarea>
</div>

<div id="wmd-preview" class="wmd-panel wmd-preview"></div>

Answer 1

当然.我们只需要简单地替换HTML,如下所示:

var htmlToReplace = ' \
  <div class="wmd-panel"> \
    <div id="wmd-button-bar"></div> \
      <textarea class="wmd-input" id="wmd-input" name="description"></textarea> \
  </div> \
  <div id="wmd-preview" class="wmd-panel wmd-preview"></div>';

$("#description").replaceWith(htmlToReplace)

那就是你的伎俩.