我的这个页面有很多我不需要的数据,因为我已经点击了它,但它经常重复,所以我必须在视觉上寻找蓝色。我意识到这可能更有效,并询问一位 CSS friend 是否可以根据包含链接是否已被访问来将元素设置为隐藏。显然你需要 js。
导致删除(或可见性:无)li.result 元素的树:
li.result
div.avatar
a
我试图通过谷歌搜索找出如何做到这一点,并在 Expert Sex Change 上找到了一些没有太大帮助的东西。你会怎么做?
这是针对 Greasemonkey 的,因此涉及向页面添加代码和检查 cookie 的提示是无用的。我很抱歉没有让这比之前标记 greasemonkey 帖子更清楚。
最佳答案
1.您可以使用 a:visited css 选择器。
a:visited{
display:none;
}
它会隐藏访问过的链接(至少在 Firefox 中)。
2.如果你想删除上面的 div 和 li,你可能需要使用 cookie 并记住用户点击了哪些链接。
所以:
当用户点击链接时,将该链接 ID 放入 cookie 中。 然后,对于 cookie 中的每个链接 ID,您可以使用 jQuery 来完成像这样的东西:
var ids = $.cookie("cookie_with_ids");
var split_ids = ids.split(','); // split by comma
for(var i= 0; i<split_ids.length; i++){
$("link_"+split_ids[i]).parent().parent().hide();
}
html 应该是这样的:
<li class="result">
<div class="avatar">
<a href="#" id="unique_link_id_on_this_page"> ....
这没有通过任何方式进行测试,但它应该让您了解您必须做什么。
对于 cookie 处理,您可以使用 jquery cookie plugin
关于javascript - 懒网 : Need javascript that removes li elements based on visited class of a element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/432653/