Finding the DOM element with specific text in javascript

Question

I know how to find specific text, but I'm really struggling to find elements with specific text for example: <span class="foo">Special</span>

Is there example like this script below to find elemements with text?

var txt = window.document.body.innerHTML;
if (txt.match(/Special/)) {
    // do something if true
    alert("Found");
} else {
    // do something if false
    alert("Sorry");

};

what exactly are you trying to accomplish? Don't use regex to parse html — charlietfl
– charlietfl, Commented Apr 8, 2017 at 15:14
@Kinduser - hence my question and not hammer closing - new SO user could still want a solution that involved jQuery without tagging it — mplungjan
– mplungjan, Commented Apr 8, 2017 at 16:14

kind user · Accepted Answer · 2017-04-08 15:12:40Z

14

You could e.g. catch every element inside your document and check if any of them contains given text.

var elems = document.querySelectorAll("*"),
    res = Array.from(elems).find(v => v.textContent == 'Special');
    
    console.log(res ? 'found!' : 'not found');

<span class="foo">Special</span>
<span class="foo">Else</span>

answered Apr 8, 2017 at 15:12

kind user

42k8 gold badges69 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Konstantinos · Accepted Answer · 2017-04-08 15:29:54Z

0

With pure Javascript just grab element's parent like this:

var x = this.parentElement.nodeName; //x=="span"

or

var x = this.parentElement; //x == <span> object

With jQuery just grab element's parent like this:

$(this).parents("span");

So if you add above line inside your if you can get span element as object or as text.

edited Apr 8, 2017 at 15:29

answered Apr 8, 2017 at 15:23

Konstantinos

9831 gold badge10 silver badges20 bronze badges

Collectives™ on Stack Overflow

Finding the DOM element with specific text in javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related