隐藏子div包含特定文本的主div

时间:2016-10-29 08:28:52

标签: html hide userscripts

我正在尝试制作我的第一个Tampermoney脚本

以下是html页面的示例:

<div class="a">
  <div class="b">
    "Hello world"
  </div>
  <div class="n">
    "Test"
  </div>
</div>
<div class="a">
  <div class="d">
    <div class="e">
      ...
        <div class="n">
          "Hello world"
        </div>
    </div>
  </div>
</div>

我发现这个话题非常有趣,但我无法满足我的要求:Hiding div that contains specific string

我想隐藏divs class =“a”,如果它包含div class =“n”,其中包含文本“Hello world”。 我是否需要循环所有divs class =“a”,以寻找包含“Hello world”的class =“n”?我需要一些帮助...

<div class="a">
  <div class="b">
    "Hello world"
  </div>
  <div class="n">
    "Test"
  </div>
</div>

2 个答案:

答案 0 :(得分:0)

我认为这会对你有所帮助。如果类.a包含.n文本(“hello world”),则需要隐藏。我只是编辑你的HTML部分,并注释掉哪个div将被隐藏。根据你的HTML,第一个将不会隐藏因为.n包含“test”。  如果有任何问题,或者你发现我的答案有任何问题,请问我。 :) Live On Fiddle

UPDATE:在您的代码中,您的父div中的问题是您有5个类_5jmm,_5pat,_3lb4,m_95yeui-j,_x72,但是您最近写的是jQuery('。5jmm _5pat _3lb4 m_95yeui- j _x72')。hide()。所以你只能设置一个最接近的类。而且你没有

    
 $(window).on('load', function() {
   $('._5g-l:contains("Publication suggérée")').closest('._5jmm').hide();
});


 
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>

<div data-fte="1" data-ftr="1" class="_5jmm _5pat _3lb4 m_95yeui-j _x72" id="hyperfeed_story_id_581d0a6f0b12a3832990101" data-testid="fbfeed_story" [...]>
  <div class="_4-u2 mbm _5v3q _4-u8" id="u_jsonp_2_1f">
    <div class="_3ccb _4-u8" [...]>
      <div></div>
      <div class="userContentWrapper _5pcr" role="article" aria-label="Actualité">
        <div class="_1dwg _1w_m">
          <div class="_5g-l"><span>Publication suggérée</span></div>
        </div>
      </div>
    </div>
  </div>
</div>

答案 1 :(得分:0)

嗯,我认为它需要一些问题...... 这是我的代码:

$(window).load(function(){
    $('._5g-l:contains("Publication suggérée")').closest('._5jmm _5pat _3lb4 m_95yeui-j _x72').hide();
});

网页:

enter image description here

相关代码:

<div data-fte="1" data-ftr="1" class="_5jmm _5pat _3lb4 m_95yeui-j _x72" id="hyperfeed_story_id_581d0a6f0b12a3832990101" data-testid="fbfeed_story" [...]>
    <div class="_4-u2 mbm _5v3q _4-u8" id="u_jsonp_2_1f">
        <div class="_3ccb _4-u8" [...]>
            <div></div>
            <div class="userContentWrapper _5pcr" role="article" aria-label="Actualité">
                <div class="_1dwg _1w_m">
                    <div class="_5g-l"><span>Publication suggérée</span></div>
    [...]

另外,我无法进入网页:

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>

当我尝试在控制台中执行命令时:

$('._5g-l:contains("Publication suggérée")').closest('._5jmm _5pat _3lb4 m_95yeui-j _x72').hide();
(unknown) Uncaught Error: <![EX[["Tried to get element with id of \"%s\" but it is not present on the page.","._5g-l:contains(\"Publication suggérée\")"]]]>
    at h (https://www.facebook.com/rsrc.php/v3/yZ/r/AveNRnydIl_.js:36:166)
    at i (https://www.facebook.com/rsrc.php/v3/yZ/r/AveNRnydIl_.js:36:293)
    at <anonymous>:1:1