Een willekeurige kleurvariabele toevoegen aan het stylen van tekstlinks met JQuery

Zoals de titel zegt, probeer ik al mijn tekstlinks op te vrolijken naar een willekeurige kleurvariabele met jQuery.

De laatste dagen krijg ik de willekeurige kleurvariabele in gebruik, maar ik kan deze niet "verbinden" met mijn css-stylesheet of een script maken om alle links de kleur van mijn willekeurige kleurvariabele te laten hebben.

ik probeer ook de algehele textlink-styling te stylen, zoals het verwijderen van een onderstrepingsteken, misschien super gemakkelijk, maar het heeft me de laatste 2 nachten wakker gemaakt ....

zie hier mijn variabele:

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

mijn script:

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

2 antwoord

Linkonderstreping verwijderen

In uw CSS-bestand kunt u het volgende doen:

a { text-decoration: none; }

Kleur aan koppelingen toevoegen

Om al uw links anders te kleuren, gebruik:

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

Als u liever wilt dat al uw links 1 kleur willekeurig wordt gekozen, gebruik dan het voorbeeld van jValdron:

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

Underscore en willekeurige kleurkoppelingen verwijderen

Als u de link underscore niet wilt verwijderen in een extern CSS-bestand of bovenaan in -tags, kunt u het aan de bovenstaande functie toevoegen:

$(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);
    });
});
0
toegevoegd
Matt heel erg bedankt! dit werkte perfect voor mij! Ik denk dat ik nu de structuur krijg van het bouwen van zo'n code!
toegevoegd de auteur user1084321, de bron

Is uw variabele niet "col"? Ook waarom de .add ("a"), bestaan ​​de links al niet? Als dat zo is, zou u het als volgt moeten gebruiken:

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

Wat je andere vraag betreft, ik weet niet zeker wat je vraagt.

0
toegevoegd