jquery改变属性

Question

我有 4 个链接，我需要更改 rel 属性中的 href 属性。 我知道我不能这样做，所以我尝试从 href 属性获取数据，设置一个新属性（rel），在其中插入数据，然后删除 href 属性。

基本上我正在这样做：

$('div#menu ul li a').each(function(){
        var lin = $(this).attr('href');
        $('div#menu ul li a').attr('rel',lin);
        $(this).removeAttr('href');


        })
    })

它有效，但它在我拥有的每个链接中设置相同的相对数据。

有什么帮助吗？

Answer 1

$('div#menu ul li a').each(function(){
    var lin = $(this).attr('href');
    $(this).attr('rel',lin);
    $(this).removeAttr('href');
});

Answer 2

尝试

$('div#menu ul li a').each(function(){
    var lin = $(this).attr('href');
    $(this).attr('rel',lin);
    $(this).removeAttr('href');


    })
})

还没有实际运行代码...但这看起来应该可以解决问题。

Answer 3

更改：

$('div#menu ul li a').attr('rel',lin);

至：

$(this).attr('rel',lin);

Answer 4

你可能做错了“它”。 （意味着有更好的方法来完成您正在尝试的事情）。

但只是回答你的问题：

$('#menu ul li a').each(function(){
    var lin = $(this).attr('href');
    $(this).attr('rel',lin).removeAttr('href');
});

Answer 5

这是一个可靠的 jquery 解决方案：

$(function() {
    $("a.selector").on("click", function() {
        var trigger = $(this.hash);
        trigger.removeAttr("id");
        window.location.hash = this.hash;
        trigger.attr("id", this.hash.replace("#",""));
        return false;
    });
});

Answer 6

问题

$('div#menu ul li a').attr('rel',lin);

这就是该行将更改应用于与您的选择器匹配的任何元素的 ，在您的情况下
将匹配四个链接
-- 使用此代码代替

$('div#menu ul li a').each(function(){
        var lin = $(this).attr('href');
        $(this).attr('rel',lin);
        $(this).removeAttr('href');    
        })
    })