jquery - 如何根据内部 SPAN 内部的文本删除整个 DIV

Question

您能给个建议吗 - 如何使用我的 Tampermonkey 删除/隐藏整个 div block ？代码如下所示: 如果整个 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

如果您在 TamperMonkey 脚本中引用 jQuery(我将假定给定问题上的标签)，那么这是使用 :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>