Форум Сайтостроение Веб-строительство

JQuery. Установить разные цвета ссылкам

B
На сайте с 05.05.2012
Offline
42
barkasian
512

Приветствую!

Постигаю азы JQuery. Есть задачка. Бьюсь над ней все выходные.

Есть html код странички: 


<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>Основы JQuery</title>

</head>

 

<body>

<div class="class1">

    <div class="class2">

        <span>1</span>

        <span>2</span>

        <span>3</span>

    </div>

</div>

 

<p id="par1">Неправильный текст</p>

 

<div class="class1">

    <div class="class2">

        <span>1</span>

        <span>2</span>

        <span>3</span>

    </div>

</div>

 

<a href="#">Ссылка 1</a>

<a href="#">Ссылка 2</a>

<a href="#">Ссылка 3</a>

 

</body>

</html>

Нужно ссылке 1 установить синий цвет, ссылке 2 - зеленый цвет, ссылке 3 - красный цвет.

Пока додумался до следующего: 


var colorArr = ['blue', 'red', 'green'];

var $links = $('a');

$.each(colorArr, function(index, value){    

    $links.each(function(){

        $(this).css('color', value);        

    }); 

});

После выполнения jquery-кода все ссылки окрашиваются в зеленый цвет.

Помогите с решение.

PN
На сайте с 22.08.2012
Offline
103
proksey-net
#1 


var colorArr = ['blue', 'red', 'green'];

var $links = $('a');

$.each(colorArr, function(index, value){    

    $($links[index]).css('color', value);        

    }); 

});
Мой совет помог? Не скупись! Bitcoin 1Lseddet1o1B6odgXQHbGaWGwRkt1Db8Ef Ethereum 0x450f1a17461e25194B7F9226cDEe70173F39e1e1
LovelAss
На сайте с 05.06.2009
Offline
96
LovelAss
#2

Вам нужно массив ссылок перебирать, а не цветов и выставлять по индексу цвет colorArr[index]

дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#3

Код с проверкой, на случай если ссылок будет больше чем цветов. Ее можно убрать.


var colorArr = ['blue', 'red', 'green'];
var len = colorArr.length;
var index = 0;

$('a').each(function(){
	$(this).css('color', colorArr[index]);   

	index++;
	if (index >= len)
		index = 0;
});
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий