我一直在尝试使用本网站上建议的其他解决方案来隐藏包含特定字符串的 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/