Блог

Я использую эту функцию для изменения размера шрифта в классе «tag-link», который нумеруется как

«tag-link-1», «tag-link-2» и т.д.

Так вот почему он использует ^

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

Однако я хотел бы также заставить эту функцию изменять цвет шрифта любого другого тега. Прямо сейчас цвет шрифта синий, но я хочу, чтобы он был альтернативным, например, синим и красным. Это облегчит чтение шрифтов, если они не все одинакового цвета рядом.

Вы знаете, как изменить эту функцию, чтобы это произошло?

Попробуйте вот так

 $(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');
});
  

Вы можете использовать селекторы:четный или: нечетный

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

Вот соответствующая страница руководства:http://api.jquery.com/nth-child-selector /