如何将不同的链接页面分配给不同的链接？

Question

想象一下，我在页面中有四个链接和第一个链接：'href'值应该是'one.html'，对于第二个链接：'href'值应该是'two.html'，对于第三个链接：'href'值应为'three.html'，对于第四个链接：'href'值应为'four.html'

<a href="/mysite/">one</a>|
<a href="/mysite/">two</a>|
<a href="/mysite/">three</a>|
<a href="/mysite/">four</a>

所以，结果就是这样：

<a href="/mysite/one.html">one</a>|
<a href="/mysite/two.html">two</a>|
<a href="/mysite/three.html">three</a>|
<a href="/mysite/four.html">four</a>

Answer 1

您可以在数组中指定不同的值，并使用attr()方法，如下所示：

$('a').attr('href',function(i,val){
    var arr = ['one','two','three','four'];
    return val + arr[i] + ".html";
});

demo

Answer 2

$(function() {
    $("a").attr('href', function(i, old) {
        return old + $(this).text() + ".html";
    });
});