Question

我想显示一个span类和链接，例如

<a href="#">New entries<span class="number">1</span></a>

但是当访问链接时，我想从链接中删除span类，并且只想显示：

<a href="#">New entries</a>

我怎么能通过任何简单的方法来做到这一点？感谢。

Answer 1

使用JavaScript尝试向A元素添加一个click事件，从它的子元素中找到SPAN元素然后销毁它 - 就像（pseudo-jQuery）一样：

$("A").click(function (e) {
    var span = $(this).children("SPAN");
    if (span.length < 1) { return; }
    span[0].remove()
});

使用纯CSS，你可以做到：

A:visited SPAN { display: none; }

Answer 2

使用此代码，它完美运行：

<html>
    <head>
        <style type="text/css">
            a:hover span { display: none; }
        </style>
    </head>
    <body>
        <a href="#">New entries<span class="number">1</span></a>
    </body>
</html>

在访问过的链接上隐藏span类

2 个答案: