Установка идентификатора ссылки на основе его href

Question

$('.portfolioThumbs ul li a').mouseover(
    function(){ 
     var buttLink = $(this).attr('href') 
     var buttLinkArray = buttLink.split('/'); // Split the URL after each/and Create an array of each 
     var pFN = buttLinkArray[2]; // We want the Portfolio Folder Name 
     var url = window.location.pathname; 

     $('.galleryNav ul li a').removeClass('hovered'); 
     $('.galleryNav ul li a' + '#' + pFN).addClass('hovered'); 
     window.location.pathname = url + '#' + pFN; 
    }  
); 

Этот код позволяет мне установить идентификатор на каждой кнопке на основе его href, когда пользователь «наводит курсор» на него. Кто-нибудь знает, как это можно сделать автоматически, когда страница загружается, так что каждая кнопка в списке получает и идентификатор на основе href без какого-либо взаимодействия с пользователем.

Спасибо,

Dan

Answer 1

Итерация по всем ссылкам на странице загрузки. Если вы используете jQuery 1.7+, используйте prop для установки атрибута href. В противном случае используйте attr.

$('.portfolioThumbs ul li a').each(
    function(){ 
     var buttLink = $(this).attr('href') //do you really want attr or do you want prop? 
     var buttLinkArray = buttLink.split('/'); // Split the URL after each/and Create an array of each 
     var pFN = buttLinkArray[2]; // We want the Portfolio Folder Name 
     var url = window.location.pathname; 
     $(this).prop('href', url); 
    }  
); 

Answer 2

Вы можете запустить код после загрузки документа:

$(document).ready(function() { 
    // your code here 
});