jquery - 根据链接的 href 设置链接的 id

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 设置一个 ID。有谁知道如何在页面加载时自动完成此操作，以便列表中的每个按钮根据其 href 获取 ID，而无需任何用户交互。

谢谢

丹

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);
    }       
);