javascript - 通过 Jquery 仅替换网页上的文本

Question

这个问题已经有答案了:

How do I select text nodes with jQuery? (12 个回答)

已关闭 8 年前。

使用 Tampermonkey 我想反转 BBC 新闻网站上的文本(为什么？因为)，显然这只是本地的。我已经写了一些东西来替换它的一部分，问题是访问页面上的所有文本。在 JQuery 中是否有一种有效的方法来做到这一点？

例如我有一个reverse()函数，给出:

<div>
  <a href="...">Text1</a>
  <span class="...">Text2</a>
  <fieldset>
    <legend>Text3</legend>

是否有某种方法可以定位 Text1、Text2 和 Text3 而无需触及其他任何内容？我可以写一些东西来在遍历 DOM 时显式检查 tagName 并希望有一个文本类型或类似的东西，但我想知道 JQuery 是否已经有一些东西可以做到这一点？

谢谢

Answer 1

向后退!

$('*').contents().filter(function() {
  return this.nodeType === 3;
}).each(function() {
  this.nodeValue = esrever.reverse(this.nodeValue);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://raw.githubusercontent.com/mathiasbynens/esrever/master/src/esrever.js"></script>
<div>
  <a href="...">Text1</a>
  <span class="...">Text2</a>
  <fieldset>
    <legend>Text3</legend>