隐藏包含特定字符串的div(Hiding div that contains specific st

2019-09-27 14:56发布

我一直在试图隐藏包含使用本网站上提出的其他解决方案特定字符串的div,但是,没有工作(很可能是由于缺乏经验,我用jQuery)

我想完全隐藏(在这个例子中)包含字符串的所有div“zynthesized”

 <div class="photos-wrapper" id="detailPhoto-977355202965894535_11842652"> <div class="pseudo"> <a href="#/user/11842652/">zynthesized</a> </div> <div class="image-wrapper"> <a href="#/detail/977355202965894535_11842652" class="lienPhotoGrid"><img src="https://scontent.cdninstagram.com/hphotos-xfp1/t51.2885-15/s150x150/e15/11195725_518243828313545_1133319712_n.jpg"></a></div> <div class="activites"> <span class="popular_picto ss-star "></span> <div class="album-relative detail-photo-album-977355202965894535_11842652" style="display: none;"> <input type="hidden" class="apalbumsPhoto" value="977355202965894535_11842652"> <input type="hidden" class="apalbumsPhoto-977355202965894535_11842652" value=""> </div> <span class="nb_comment_score">0</span> <span class="comment_picto ss-chat"></span> <span class="nb_like_score">4</span> <a href="#" class="like_picto_unselected likeAction ss-heart gridLike" id="like-977355202965894535_11842652"></a> </div> <div class="nouveau-commentaire"> <textarea id="comment-977355202965894535_11842652" class="textareaCommentaire" placeholder="Your comment"></textarea> <a href="#" class="commentAction ss-chat" id="postComment-977355202965894535_11842652"></a> <img src="http://static.iconosquare.com/images/loading.gif" class="commentLoading"> </div> </div> 

从我所看到过类似

$('.photos-wrapper:contains("zynthesized")').hide()

应该是最接近我所需要的,但我已经与它没有运气。

任何帮助将是惊人的!

Answer 1:

感谢您的帮助家伙! 原来,剧本然而由于网页加载新的div自动滚动工作时,脚本必须运行在页面加载后他们。

最终的脚本看起来像

$(window).load(function(){  
    $(".photos-wrapper:contains('zynthesized')").hide();  
});  

$(window).on('scroll', function() {
    var y_scroll_pos = window.pageYOffset;
    var scroll_pos_test = 150;             

    if(y_scroll_pos > scroll_pos_test) {
        $(".photos-wrapper:contains('zynthesized')").hide();
    }
});

希望这可以帮助任何人都希望做同样的事情!



Answer 2:

你可以简单地使用正则表达式。

<script>
    var ptrn = /zynthesized/g;

    $( "div" ).each(function( index ) {
      if(ptrn.test($( this ).text())){
        $( this ).hide();
      }
    });
</script>

下面是简单的代码片段: jsfiddle.net/dariubs/hgbm3doa



文章来源: Hiding div that contains specific string