使用jquery将唯一的href绑定到li数组

Question

好吧,我的想法是创建一个可能的链接列表,并让jquery .bind()附加一个合适的href

这是我的清单:

<ul>
    <li>main</li>
    <li>design</li>
    <li>photography</li>
    <li>studio art</li>
    <li>code-stack</li>
    <li>about me</li>
    <li>contact</li>
</ul>

然后是我的Jquery:

$(document).ready(function() {
var links = ["index.html","design.html","photo.html","studio.html","code.html","about.html","contact.html"];
var lis = document.getElementsByTagName("li");

for(i=0; i<lis.length; i++) {
        var thisLink = links[i];
        alert(thisLink);
        $(lis[i]).bind("click", function() {
            $(this).attr("href",thisLink);
        });
    }
});

所以发生的事情是我可以让它应用的东西(在之前的测试中我得到了它给所有人应用了一个通用的"你好"警报),所以它正在应用它,但是当我点击它们时......没有发生.我在这做错了什么？

Answer 1

$(document).ready(function() {
    var links = ["index.html","design.html","photo.html","studio.html","code.html","about.html","contact.html"];

    $("li").each(function(i, val){
         $(this).wrap("<a href='"+links[i]+"' />");
    });
});