Question

如果我有如下锚标记：

<a href="link1.html" class="none_standard_links">link one</a><br />
<a href="link2.html" class="none_standard_links">link two</a><br />
<a href="link3.html" class="none_standard_links">link three</a><br />
<a href="link4.html" class="none_standard_links">link four</a><br />
<a href="link5.html" class="none_standard_links">link five</a><br />
<a href="link6.html" class="none_standard_links">link six</a><br />
<a href="link7.html" class="none_standard_links">link seven</a><br />
<a href="link8.html" class="none_standard_links">link eight</a><br />
<a href="link9.html" class="none_standard_links">link nine</a><br />
<a href="link10.html" class="none_standard_links">link ten</a><br />

如果样式表的颜色为红色，如何循环整个集并提醒链接的网址？

我尝试过使用脚本，但不知道如何完成：

$(document).ready(function(){
    $('#button1').click(function() {
        $(".none_standard_links").each(function (i) {
            if (this.style.color = "red") {
                alert("not sure what to do here?");
            }
        });
    });
});

如果我尝试的方法不是最好的方法，请随时进行更改。

Answer 1

if (this.style.color == "red")永远不会工作，因为它正在阅读内联样式，而不是从样式表中应用的样式。

请问你在这里想要达到什么目的？不是你设计的样式表，你应该知道颜色吗？

我唯一能想到的就是检测访问过的链接。在这种情况下，带a:visited { padding: 10px 0 }的{{1}}应该这样做。

Answer 2

按照以下方式工作：

$('#button').click(function() {
    $(".none_standard_links").each(function (i) {
        if ($(this).css("color") == "red") {
            alert($(this).attr("href"));
        }
    });
});

检查锚标签的颜色

2 个答案: