如何基于内部SPAN内的文本删除整个DIV

Question

您能否提供建议-如何使用Tampermonkey删除/隐藏整个div块？如下所示的代码：如果整个div“相对ember-view”中包含在父div“相对ember-view”内部深处包含文本ADSWG的跨度，如何删除？因此，在网页上有很多“相对ember-view” -div，但是我试图仅删除这些，在span标签中包含ADSWG。

希望，我已经解释清楚了。先感谢您。

<div id="ember175" class="relative ember-view"> 
    <div id="ember177" class="occludable-update ember-view">
        <div .....
        <span class="...
            <div id="ember270" class="
                <span id="ember273" class="ember-view">
                        <span>ADSWG</span>

Answer 1

如果你引用的jQuery在你TamperMonkey脚本（我会假设给定的问题标签），那么这是一个班轮使用:has，:contains并remove()：

$('div.relative.ember-view:has(span:contains("ADSWG"))').remove();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Content before</p>
<div id="ember175" class="relative ember-view">
  <div id="ember177" class="occludable-update ember-view">
    <div>
      <span class="foo">
        <div id="ember270" class="foo">
          <span id="ember273" class="ember-view">
            <span>ADSWG</span>
          </span>
        </div>
      </span>
    </div>
  </div>
</div>
<p>Content after</p>