div id用のjQueryスクリプトをループdivクラスに変換する

Question

以下のスクリプトは、配列からランダムな色をdiv idに適用し、ホバー上の色を変更します。 divクラスをループし、ページ上のすべてのクラスにランダムな色を適用するように修正したいと思います。明らかにクリック関数はIDで行う必要がありますが、divクラスをループする方法があり、そのすべてがホバーで変化するランダムな色を持つことが想像されます。

誰か助けてもらえますか？

おかげ

ニック

$(document).ready(function() { 
    var test = $("#example").text().split(''); 

    var normal = generateColors(test); 
    var hover = generateColors(test); 
    $("#example").html(normal); 

    $("#example").hover( 
     function(event) { $("#example").html(hover) }, 
     function(event) { $("#example").html(normal) }); 

    $("#example").click(function() { 
    location.href = "http://www.google.co.uk"; 
    }); 

}); 

function generateColors(characters) { 
    var result = ""; 
    var i = 0; 
    for(i=0; i < characters.length; i++) { 
     result += "<span style='color:"+getColor()+"'>"+characters[i]+"</span>"; 
    } 

    return result; 
}   

function getColor() { 
    var colList = ['#7EA404', '#14AFB0','#B05718', '#B0A914', '#B01617','#902BB0', '#B003A2', '#4A429C','#33821E', '#226795', '#D0B600','#886833']; 

    var i = Math.floor((Math.random()*colList.length)); 
    return colList[i]; 
} 

Answer 1

のようなものを探している、とさまざまな要素にそれらを格納することができます：

$(".example").each(function() { 
    var text = $(this).text().split(''), 
     normal = generateColors(text), 
     hover = generateColors(text); 

    $(this).html(normal).data('hover', hover).data('normal', normal); 
}); 

$(".example").hover( 
    function() { 
     $(this).html($(this).data('hover')); 
    }, 
    function() { 
     $(this).html($(this).data('normal')); 
}); 

クリック時に各リンクをlocation.hrefに設定すると、次のようになります。li本当に悪い考えではなく、あなた次第です。

Answer 2

は明らかクリック機能は、私はそれは次のようになり、なぜわからないのid

によって行わなければなりません。

あなたがしたい場合は、クラスを経由して、オブジェクトのjQueryの配列にクリック機能を適用することができます。

$('.myDivs').click(...) 

Answer 3

あなたは色を適用するには

$('div').each(function(){ 
    //code 
})