動的にhrefを変更し、URLフラグメントへのリンク

Question

誰かが助けてくれることを願っています。

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

：私はこのようないくつかのリンクを使用しているHTMLで

$(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'); 
     }; 
}); 

： 私は動的にページのhrefを変更してからとフラグメントを含むURLにユーザーを指すようにしようとしています

私は、スクリプトは、訪問者がサイトに到達するために使用されていたURLかどうか確認するだろうだったために期待していたいずれかの

• http://www.myserver.net/cab/または、
リンクは、ベースページ（www.myserverを開きますされているが、どうなり

• http://www.myserver.net/cab/#linkResourcesまたは、

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

：その後、

http://www.myserver.net/cab2/とのいずれかに該当するのhrefを設定します。 net/cabまたはcab2）、＃フラグメントページではありません。

私は間違っていますか？ あなたの興味に感謝します。

Answer 1

.getElementsByClassName()は、単一の要素ではなくHTMLCollectionを返します。あなたが設定し、.attr()をすべて.resourceLinkの要素を反復処理するために.each()を使用することができます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') 
    }); 
});