javascript - 懒网 : Need javascript that removes li elements based on visited class of a element

标签 javascript css greasemonkey

我的这个页面有很多我不需要的数据,因为我已经点击了它,但它经常重复,所以我必须在视觉上寻找蓝色。我意识到这可能更有效,并询问一位 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/

相关文章:

javascript - Socket IO 房间 : Get list of clients in specific room

javascript - Firefox 上的自定义滚动条

CSS Overflow auto 及其工作原理

javascript - 在 ui-dialog-buttonpane 中添加搜索按钮和文本框

javascript - 如何从用户脚本访问 iframe 的 javascript?

JavaScript dir 方法为文本方向返回空字符串

javascript - 将数据从服务器推送到基于 Web 的 UI 元素

javascript - 如何为论坛中的永久链接生成二维码?

javascript - Rails 3 使用 Jquery 远程提交单选按钮表单(不使用 $.post)?

css - Bootstrap 中固定宽度的表格列