Replace just the text on a web page via Jquery [duplicate]

Question

Using Tampermonkey I want to reverse the text on the bbc news website (why? because), obviously this is locally only. I have already written something to replace a part of it, the problem is accessing all the text on the page. Is there an efficient way of doing this in JQuery?

e.g. I have a reverse() function, given:

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

Is there some way of targetting Text1, Text2 and Text3 without touching anything else? I can write something to explicitly check the tagName while traversing the DOM and hope there's a text type, or something similar, but I'm wondering if JQuery already has something for doing this?

thanks

$('*').contents().filter(function() { return (this.nodeType == 3); }); — Ja͢ck
– Ja͢ck, Commented May 28, 2015 at 7:44
Yep, that worked thanks, I bow to your superior googling ability :-). Can I mark my own question as a duplicate or do I just delete it? — tony
– tony, Commented May 28, 2015 at 7:58

2 revs · Accepted Answer · 2015-05-28 08:06:33Z

Reverse away!

$('*').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>

Collectives™ on Stack Overflow

Replace just the text on a web page via Jquery [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related