修訂這個jQuery的隨機邊框顏色分配給每個鏈接

Question

頁

上我有一系列的我想有在底部邊框不同顏色的頁面上的鏈接。很顯然，我可以使用CSS定位父DIV style這個了，但我想一定有與jQuery做到這一點更簡單的方法，如果我的顏色值的數組。

我發現這個功能，增加了懸停的邊界，但我想改變它，所以它把它添加的到p一個作爲默認。希望這是有道理的。

不是真的知道如何去這個...任何指針將是巨大的......

<script> 
$(document).ready(function() { 
    $("p a").hover(function(e) { 
     var randomClass = getRandomClass(); 
     $(e.target).attr("class", randomClass); 
    }); 
}); 

function getRandomClass() { 
    //Store available css classes 
    var classes = new Array("yellow", "pink", "green", "blue"); 

    //Give a random number from 0 to 5 
    var randomNumber = Math.floor(Math.random() * 5); 

    return classes[randomNumber]; 
} 
</script> 

---

更新功能

$(document).ready(function() { 
$("p a").hover(function(e) 
    { 
     var randomClass = getRandomClass(); 
     $(e.target).attr("class", randomClass); 
    }); 
}); 
function getRandomClass() 
{ 
    //Store available css classes 
    var classes = new Array("yellow", "pink", "green", "blue"); 

    //Give a random number from 0 to 5 
    var randomNumber = Math.floor(Math.random()*4); 

    return classes[randomNumber]; 
} 
$(document).ready(function() { 
    $("p a").each(function() { 
     $(this).addClass(getRandomClass()); 
    }); 
}); 

Answer 1

像這樣的東西會做：

$(document).ready(function() { 
    $("p a").each(function() { 
     $(this).addClass(getRandomClass()); 
    }); 
}); 

使用.each()遍歷內p元素的所有元素a，並增加了使用.addClass()

Answer 2

隨機類這應做到：

$(document).ready(function() { 
    $("p a").each(function(){ 
     $(this).addClass(getRandomClass()); 
    }); 
    $("p a").hover(function(e) { 
     var randomClass = getRandomClass(); 
     $(this).addClass(randomClass); 
    },function(e){ 
     $(this).removeClass(); 
    }); 
}); 

的問題是，這些類並沒有獲得去除，從而發生了一個在CSS最後將是唯一適用的。