根据链接的href设置链接的id答案

【问题标题】：Setting the id of a link based on it's href根据链接的href设置链接的id
【发布时间】：2012-02-13 05:44:45
【问题描述】：

$('.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，而无需任何用户交互。

谢谢，

丹

【问题讨论】：

而不是鼠标悬停，做onload

标签： jquery jquery-selectors href attr

【解决方案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);
    }       
);

【讨论】：

超级，谢谢。当你知道怎么做的时候就很明显了！但这只是问题的一半。任何想法如何为每个链接分配相关 ID？再次感谢！
我不知道relevant id 是什么。如果要设置元素的 id，请使用 `$(this).prop('id', 'myNewId');
谢谢@mrtsherman！我只是在想事情。我需要让 jQuery 发挥它的魔力。这是现场！干杯！

【解决方案2】：

您可以在文档加载后运行代码：

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

【讨论】：