Remove word in a string if it contains a specific word

Question

I have a div that pulls an excerpt from a post.

<div class="elementor-post__excerpt">
&lt;div class=”youtube-player” data-id=”VnlwsUoyjYM”&gt;&lt;/div&gt;
“They were going to unplug him.”
“They were going to unplug him,” Joy told us as she recalled why her mom contacted us in February 2015.
Joy’s dad, Odis, had been in a coma for six weeks…      
</div>

Everything inside the container "elementor-post__excerpt" is text.

I need to remove the "<div class=”youtube-player” data-id=”VnlwsUoyjYM”></div>"

Each new excerpt will have a new youtube id, is there a way to remove the whole "<div class=”youtube-player” data-id=”VnlwsUoyjYM”></div>" if it contains "youtube-player" in it?

This code can check if it contains the word but not sure how to integrate it into removing the sentence if it contains a certain word.

var str = "Hello world";
var substr = "World";
var result = str.indexOf(substr) > -1;

You want something like this? https://stackoverflow.com/questions/4777077/removing-elements-by-class-name — Hydromast, Sep 27 '18 at 16:07
Sadly that does not work because
is just plain text, it is not an actual div with a class for me to anchor :/ — Dayan Cabrera, Sep 27 '18 at 16:08

score 0 · Accepted Answer · answered Sep 27 '18 at 16:09

So you can use a regular expression to match it

var elem = document.querySelector(".elementor-post__excerpt")
var str = elem.textContent.replace(/<div.*class=”youtube-player”.*div>/, '')
elem.textContent = str;

<div class="elementor-post__excerpt">
&lt;div class=”youtube-player” data-id=”VnlwsUoyjYM”&gt;&lt;/div&gt;
“They were going to unplug him.”
“They were going to unplug him,” Joy told us as she recalled why her mom contacted us in February 2015.
Joy’s dad, Odis, had been in a coma for six weeks…      
</div>

But the thing is matching HTML with a regular expression is not the best thing to do.

Remove word in a string if it contains a specific word

1 Answers1