javascript - 使用 jQuery 查找和替换 HTML

Question

我正在尝试做一个 Bookmarklet 或浏览器扩展，当我查看它时会修改另一个网站，更具体地说，我正在尝试使用带有按钮栏的 Javascript Markdown 编辑器，就像 Stackexchange 在另一个我不拥有的网站上使用的那样，所以我必须使用小书签或扩展程序来完成。

现在我需要在页面上找到文本区域并将其替换为不同的代码块，如下所示。该页面确实有 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)

这将为您解决问题。