无法选择内部的链接<；导航>；标记并应用javascript

我试图将此JS（）应用于

中的链接，或者说，仅将javascript应用于

中的链接 问题是我似乎无法选择其中的链接：

<nav id="menu" class="group"><ul id="menu-main-menu" class="menu">
<li id="menu-item-119" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-100 current_page_item menu-item-119">
    <a href="http://localhost/wordpress/">Home</a>
</li>
<li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118">
    <a href="http://localhost/wordpress/contact/">Contact</a>
</li>
<li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117">
    <a href="http://localhost/wordpress/people/">People</a>
</li>
</ul>
</nav>  

---

为什么它不起作用？有什么解决方案吗？

在这里，我修复了您问题中的代码，以满足您的需求

$(document).ready(function()
{
    $('nav a').attr('class',getRandomClass());
});

function getRandomClass()
{
    //Store available css classes
    var classes = ['green', 'purple', 'teal', 'violet', 'pink'];

    //Give a random class index
    var randomNumber = Math.floor(Math.random() * classes.length);

    return classes[randomNumber];
}

---

删除

$（“导航”）.ready.

。DOM已加载上述就绪处理程序。当用户将鼠标悬停在你的链接上时，你只是想让它们突出显示吗？像这样？您原来的fiddle在

getRandomClass

函数中没有返回值。理论上，如果没有该选择器，我文档中的所有链接都将由我的javascript选择，对吗？但是，我只需要

中的链接这里有一个解决方案：

$(document).ready(function()
{
    $('nav a').attr('class',getRandomClass());
});

function getRandomClass()
{
    //Store available css classes
    var classes = ['green', 'purple', 'teal', 'violet', 'pink'];

    //Give a random class index
    var randomNumber = Math.floor(Math.random() * classes.length);

    return classes[randomNumber];
}