javascript - 隐藏包含特定字符串的div

标签 javascript jquery string hide contains

我一直在尝试使用本网站上建议的其他解决方案来隐藏包含特定字符串的 div,但是没有任何效果(很可能是由于我对 jQuery 缺乏经验)

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

<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()

应该最接近我需要的,但我没有运气。

任何帮助都会很棒!

最佳答案

谢谢各位的帮助!事实证明,脚本正在工作,但是由于页面在滚动时自动加载新的 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();
    }
});

希望这可以帮助任何想要做类似事情的人!

关于javascript - 隐藏包含特定字符串的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30026469/

相关文章:

javascript - 404 错误, 'get' 从本地托管服务器获取请求

javascript - 英文语法检查

跨节点的javascript选择: how to retrieve those nodes?

javascript - Rails jQuery 自动完成和动态嵌套字段

javascript - 将鼠标悬停在使用 php 从数据库查询生成的表的一行上时,在固定位置显示图像

javascript - 确定 ajax 调用是否由于不安全的响应或连接被拒绝而失败

javascript - 在相同的 $ajax 请求中将变量和数组从 JQuery 发布到 PHP

javascript - 如何使用动态页面内容使元素静态化

string - 用同一向量 Rust 中的另一个字符串扩展一个字符串

mysql - 了解为什么查询开头和结尾带有元音的城市不起作用