Добавление произвольной переменной окраски для оформления текстовых ссылок с использованием Jquery

Question

Как видно из названия, я пытаюсь стилизовать все мои текстовые ссылки на случайную переменную раскраску с помощью jquery.

В течение последних нескольких дней я запускаю и запускаю случайную переменную цвета, но я не могу "подключить" ее к моей таблице стилей CSS или создать скрипт, чтобы все ссылки имели цвет моей случайной переменной цвета.

Я также пытаюсь стилизовать общую стилистику текстовой ссылки, как удаление подчеркивания, может быть очень легко, но это заставило меня проснуться за последние 2 ночи ....

смотрите здесь мою переменную:

$(function(){
    //col's voor random color balkon
    var col = 'rgb('+ (Math.floor(Math.random()*256)) +',' + (Math.floor(Math.random()*256)) + ','+(Math.floor(Math.random()*256))+')';

мой сценарий:

$("a") .add("a") .css("color", "col");

Answer 1

Удаление подчеркивания ссылки

В вашем файле CSS вы можете поместить:

a { text-decoration: none; }

Добавить цвет к ссылкам

Чтобы по-разному раскрасить все ссылки, используйте:

$(document).ready(function () {
  $('a').each(function() {
     var col = 'rgb('+ (Math.floor(Math.random()*256)) +',' + (Math.floor(Math.random()*256)) + ','+(Math.floor(Math.random()*256))+')';
     $(this).css('color', col);
    });
});

Если вы предпочитаете, чтобы все ваши ссылки выбирались 1 цветом в произвольном порядке, используйте пример jValdron:

$("a").css("color", col);

Удаление подчеркивания и случайных цветных ссылок

Если вы не хотите помещать ссылку, подчеркивающую удаление во внешнем файле CSS или вверху в тегах <style></style>, вы можете добавить ее к вышеуказанной функции:

$(document).ready(function () {
    $('a').each(function() {
        var col = 'rgb('+ (Math.floor(Math.random()*256)) +',' + (Math.floor(Math.random()*256)) + ','+(Math.floor(Math.random()*256))+')';
        $(this).css('color', col);
        $(this).css('text-decoration', none);
    });
});

Answer 2

Разве «col» не является вашей переменной? Кроме того, почему .add ("a"), ссылки уже не существуют? Если это так, вы должны использовать его так:

$("a").css("color", col);

Что касается вашего другого вопроса, я не слишком уверен, что вы спрашиваете.