Question

我正在使用此功能更改“tag-link”类的字体大小，编号类似于

“tag-link-1”“tag-link-2”等。

这就是它使用^

的原因

 $(function () {
    $('a[class^="tag-link"]').css('fontSize', '1em');
    });

但是，我想要做的是使此功能更改每个其他标签的字体颜色。现在，字体颜色是蓝色，但我希望它可以替代蓝色和红色。如果字体并非完全相同，它将使字体更容易阅读。

你知道如何改变这个功能来实现这个目标吗？

Answer 1

试试这个

$(function () {
    $('a[class^="tag-link"]').css('fontSize', '1em');
    $('a[class^="tag-link"]:odd').css('color', '#FF0000');
    $('a[class^="tag-link"]:even').css('color', '#00FF00');
});

或

$(function () {
    $('a[class^="tag-link"]').css({
                                'fontSize':'1em',
                                'color':'#FF0000'
    });
    $('a[class^="tag-link"]:even').css('color', '#00FF00');
});

Answer 2

你可以使用：偶数或：奇数选择器

$(function () {
    $('a[class^="tag-link"]:even').css('color', '#ff0000');
});

Answer 3

以下是适当的手册页：http://api.jquery.com/nth-child-selector/

我可以使用jquery来替换这些字体的颜色吗？

3 个答案: