javascript - `if` 条件仅适用于遇到的第一个 div

Question

当页面根据 URL 中的目录加载时，我试图将一个类换成另一个类。我的代码适用于菜单中的第一个 div，但不适用于其他任何代码。这是代码:

$('document').ready(function() {
    var pathname = window.location.pathname;
    pathname = pathname.replace('/MVC/', '');

    if (pathname == $('.navitem').attr('rel')) {
        $('.navitem[rel='+pathname+']').toggleClass('navitem selected_menu')
    }
});

HTML如下:

<div class="navitem" rel="dashboard"><a href="http://localhost/MVC/dashboard">Dashboard</a></div>
<div class="navitem" rel="chat"><a href="http://localhost/MVC/chat">Chat</a></div>
<div class="navitem" rel="users"><a href="http://localhost/MVC/user">Users</a</div>

当我 alert($('.navitem').attr('rel')) 时，它总是返回第一个 div 的 rel 值。我如何让它查看所有这些而不是只查看第一个？

Answer 1

您不能只使用一个比较操作，因为您必须检查所有的 div。

$(".navitem").filter(function() {
  return $(this).attr("rel") === pathname;  // filter out the correct one(s)
}).toggleClass("navitem selected_menu");

顺便说一句，通常是$(document).ready。尽管在 .ready 的情况下传递给 $ 的内容并不重要，但这是事实上的标准。