[Userscript] innerhtml von Elterntags auf '' setzen, wenn der Inhalt ein bestimmtes Wort enthält

[Bardo H. (bardoheinlein)]

Wie würde ein Code aussehen, der nach einem bestimmten Wort, etwa 
"einheitlich" auf der aktuellen Internetseite sucht, dann den Inhalt des 
umschließenden Tags löscht?

Also etwa

<div>
<div>
test einheitlich ist
</div>
</div>
<p>
Hallo
</p>

wird zu

<div>
<div>
</div>
</div>
<p>
Hallo
</p>

Anders gesagt, innerText oder innerHTML des beinhaltenden Tags wird '' 
gesetzt.

Nur wie finde ich genau die "Eltern"-Tags, welche direkt den Text 
beinhalten?

[Frank L. (Firma: Flk Consulting UG) (flk)]

Hallo,
Schaumal hier rein:

https://api.jquery.com/find/

Gruß
Frank

[Matthias M. (Gast)]

Wenn ein Tag den Text enthält, dann versuche ihn aus allen Kindern zu 
entfernen. Enthält er den Text immernoch, dann enthält der Tag einen 
Teil des Textes auf oberster Ebene und sollte geleert werden.

function test(node, str)
{
   if(node != null && node.textContent.includes(str))
   {
      for(var k = 0; k < node.childNodes.length; ++k)
      {
         test(node.childNodes[k], str);
      }
      if(node.textContent.includes(str))
      {
         node.innerHTML = '';
      }
   }
}

test(document.body, 'einheitlich');

Für Spezialfälle wie
<div>er<div>erhältlich</div>hältlich</div>
muss man sich etwas anderes einfallen lassen.

[Daniel A. (daniel-a)]

Ich würde einfach jede text-node von jedem Element in document.all 
prüfen:

function clearTagsWithText(text){
  Array.prototype.slice.call(document.all).forEach(function(tag){
    if(Array.prototype.slice.call(tag.childNodes).filter(function(child){
      return child.nodeType == Node.TEXT_NODE && child.nodeValue.indexOf(text) != -1;
    }).length){
      tag.innerHTML = '';
    }
  });
}

[Matthias M. (Gast)]

Daniel A. schrieb:
> Ich würde einfach jede text-node von jedem Element in document.all
> prüfen:
>

> function clearTagsWithText(text){
>   Array.prototype.slice.call(document.all).forEach(function(tag){
>     if(Array.prototype.slice.call(tag.childNodes).filter(function(child){
>       return child.nodeType == Node.TEXT_NODE && 
> child.nodeValue.indexOf(text) != -1;
>     }).length){
>       tag.innerHTML = '';
>     }
>   });
> }
>

Wenn man Fälle wie <p>ein<em>heit</em>lich</p> (wird nicht gefunden) 
ignorieren kann ist das eine effizientere Lösung.