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)

那就是为你做的伎俩。

Answer 2

查看.replaceWith（）

http://api.jquery.com/replaceWith/

$("#description").replaceWith('ALL YOUR CODE');

如果您需要匹配属性或其他特征，可以使用更多Selectors

使用jQuery查找和替换HTML

2 个答案: