$（this）.attr（'href'）在href具有值时返回未定义

Question

首先，我浏览了与此类似的其他文章，但是它们与我的问题都略有不同。我没有运气就尝试过。

问题很简单。我正在使用jQuery获取锚标记的href值来更新路由器的路径名。但是，当我所有的链接都有值时，它们都为href返回一个未定义的值。

添加eventListener以防止锚标记的默认重载功能，但仍需要更改路径名才能使客户端路由器起作用。

有什么想法吗？提前致谢。

$（this）.attr（'href'）;

jQuery

$('#desktopLinks li a').on('click', e => {
    e.preventDefault();
    let route = $(this).attr('href');
    window.location.pathname = route;
});

HTML

<ul id="desktopLinks" class="navLinks">
    <li class="navLink">
    <a href="index.html" id="navHomeText">Hause</a>
    </li>
    <li class="navLink">
    <a href="office" id="navOfficeIcon">Büro</a>
    </li>
    <li class="navLink">
    <a href="realEstate" id="navRealEstateIcon">Immobilien</a>
    </li>
    <li class="navLink">
    <a href="services" id="navServicesIcon">Dienstleistungen</a>
    </li>
    <li class="navLink">
    <a href="references" id="navReferencesIcon">Referenz</a>
    </li>
    <li class="navLink">
    <a href="contact" id="navContactIcon">Kontakt</a>
    </li>
</ul>

期望路由等于锚标签的href。