查找并用 jQuery 替换 HTML

Find and replace HTML with jQuery

本文关键字：替换 HTML jQuery 查找      更新时间：2023-09-26

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

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

这将为您解决问题。

查看 .replaceWith（）

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

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

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

相关文章：