Question

编辑：已解决，感谢您的帮助，它对我有用： Sudharsan {/ 3}}

我的网页上有很多链接，所有链接的格式都是这样的：编辑：格式＆＃39;像这样＆＃39;意味着所有链接都具有相同的类，只有不同的id和文本。

$(".do_it").click(function(){
 // here I get id from link and go to chosen site
}

<a href="#" class="do_it" id="999">link1</a>
<a href="#" class="do_it" id="998">link2</a>
.
.
.

<a href="#" class="do_it" id="1">link999</a>

当然有一些动作取决于id，问题是当用户点击一个时，都变成了紫色。是否有任何简单的解决方案只使紫色这个点击什么？ // Sry for my eng

Answer 1

在CSS中，使链接（访问过的）与链接颜色相同。

a {
    color: #00f;
}
a:visited {
    color: #00f;
}
.visitedLink {
    color: #f00; /* your color */
}

创建一个具有所需颜色的类，并在jQuery中，在单击的类上添加该类：

$(".mylink").click(function() {
    $(this).addClass("visitedLink");
    //do rest of code
});

Answer 2

只需为每个链接添加不同的href：

<a href="#1">1</a><br>
<a href="#2">2</a><br>
<a href="#3">3</a><br>
<a href="#4">4</a><br>

编辑：没有onclick处理程序返回false，否则实际上没有访问该链接。但这意味着如果用户已滚动，则每次点击都会重置为页面顶部。

Answer 3

在上下文中不需要jquery。你只是用css那样做了

a:visited{

  color : purple// give any color
}

也看到了

a {
    color: blue;
    text-decoration: underline;
}

a:active {
    color: yellow;
    text-decoration: none;
}

a:link {
    color: blue;
    text-decoration: underline;
}

a:visited {
    color: purple;
    text-decoration: none;
}

a:focus {
    color: red;
    text-decoration: none;
}

a:hover {
    color: red;
    text-decoration: none;
}

Answer 4

a.do_it:visited{

  color : #800080;
}

JQuery，CSS - 许多href链接但只有一个动作

4 个答案: