How to delete dynamically newly (by event) re-filled element and prevent future re-fills?

[pstein]

Lets start with a simplified code snippet:

<div class="....blahblah.....">                  !event!
:: before
<img src="https://www.foobar.com/special/.......">    !event!
</div>

The placeholder above is getting dynamically filled from server the first time a few seconds after web page loading.

It contains some unwanted stuff.

I can remove this element by a jQUERY/javascript code in local *.user.js script like
 

window.setTimeout(
  function () {
      $('img[src^="https://www.foobar.com/special/"]').parent().remove(); 
  }
  ,8000);

It works......for the first time.

Unfortunately the servers continues to work and pushes some new images every 10 seconds to the same place.

I guess its because the placeholder is not a simple html element but an event shortcut.

So server does not detect his good old previous element? Don't worry. He creates brutally a new one and pushes next image into it. I hate it.

So I would like to ask if there is a way to really remove this element and all future newly created successors.

I prefer not to do this with a loop and my command from above. It should be a one-time command.

CSS statement is acceptable as well.

Be aware: Other events should stay alive. So prohibiting all events is not a solution.

Thank you

 

 

Edited August 26, 2023 by pstein