jquery - 使用 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]+"' />");
    });
});