1

我正在尝试做一个书签或浏览器扩展，当我查看它时会修改另一个网站，更具体地说，我正在尝试使用带有按钮栏的 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>
4

2 回答 2

5

当然。我们只需要简单地替换 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)

这将为您解决问题。

于 2012-05-11T02:36:27.777 回答
0

查看 .replaceWith()

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

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

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

于 2012-05-11T02:33:25.690 回答