javascript - 动态更改 href 并链接到 url 片段

Question

希望有人能帮忙。我正在尝试动态更改页面上的 href，然后将用户指向一个包含以下片段的网址:

$(document).ready(function(){
    if (document.location.pathname.indexOf('cab2') > -1){
        document.getElementsByClassName('resourceLink').setAttribute('href','http://www.myserver.net/cab2/#linkResources');
        } else {
            document.getElementByClassName('resourceLink').setAttribute('href','http://www.myserver.net/cab/#linkResources');
        };
});

在 HTML 中，我使用了几个这样的链接:

<a class="resourceLink" href="" title="Link to Resources section" target="_blank">Resources</a>

我所希望的是脚本会检查访问者使用什么 url 到达该站点，要么

• > http://www.myserver.net/cab/或者，

• http://www.myserver.net/cab2/然后将适当的 hrefs 设置为:

• http://www.myserver.net/cab/#linkResources或者，

• http://www.myserver.net/cab2/#linkResources

不过，链接打开的是基本页面(www.myserver.net/cab 或 cab2)，而不是#fragment 页面。

我做错了什么？感谢您的关注。

Answer 1

.getElementsByClassName() 返回一个 HTMLCollection，而不是单个元素。您可以使用 .each() 迭代所有 .resourceLink 元素，使用 .attr() 设置 href 属性值

$(document).ready(function(){
   var link =  document.location.pathname.indexOf('cab2') > -1 ? "cab2" : "cab";
    $('.resourceLink')
    .each(function() {
       $(this)
       .attr('href','http://www.myserver.net/'+ link +'#linkResources')
    });
});