发布
社区首页 >问答首页 >根据链接的href设置链接的id

根据链接的href设置链接的id
EN

Stack Overflow用户
提问于 2012-01-18 21:52:50
回答 2查看 582关注 0票数 2
代码语言:javascript
代码运行次数:0
复制
$('.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,而无需任何用户交互。

谢谢,

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-01-18 21:55:36

在页面加载时遍历所有链接。如果您使用的是jQuery 1.7+,则使用prop设置href属性。否则,请使用attr

代码语言:javascript
代码运行次数:0
复制
$('.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);
    }       
);
票数 1
EN

Stack Overflow用户

发布于 2012-01-18 21:55:46

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

代码语言:javascript
代码运行次数:0
复制
$(document).ready(function() {
    // your code here
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8911270

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档