javascript - 这是更改类的正确 jQuery 吗？

Question

我正在做一个小项目，我正在使用 jQuery。我尝试使用一点 jQuery 来更改类以在单击时更改一些 css 样式，但它似乎不起作用。

这里是重要的 html:

<ul id="UInavList">
        <li class="selectedNav"><a href="javascript:;">My Activity</a></li>
        <li ><a href="javascript:;">My Tests</a></li>
        <li ><a href="javascript:;">Messaging</a></li>
        <li ><a href="javascript:;">Search</a></li>
    </ul>

这是 javascript:

$('#UInavList li').click( function() {
    $('#UInavList li').removeClass('selectedNav');
    $(this).addClass('selectedNav');
})

如果您想查看所有代码，请转到此处:http://jsfiddle.net/chromedude/XXXwL/

Answer 1

您的代码已经在 jsfiddle 中运行，您只是没有设置框架以在右侧包含 jQuery - 也没有设置类来查看更改，很难判断它是否有效。

看看这个演示，除了它有一个显示更改的 CSS 条目并且我在旁边设置了 jQuery 选项外，它与您的相同。

http://jsfiddle.net/XXXwL/8/

不过，我会以 anchor 而不是 li 本身为目标，并使用 $(this).closest('li').addClass('selectedNav'); 作为第二行是首选，如果您使用 click() 定位 anchor ，请记住返回 false 以便不遵循 href。