javascript - 使用 jQuery 从键对值中获取值到附加属性中

Question

如何将 key 对值中的值放入 anchor 标记的 rel 属性中？

当我拆分代码以将值放在正确的位置时它不起作用，a 标记的末尾将出现在屏幕上，而不是应用值。当我在 Firebug 的控制台中查看生成的代码时，rel 和 href 交换了顺序，因此 rel 是第一个。

“键”应该位于正确的位置，但“值”需要应用于 rel 属性。

我做错了什么？

$(function() {
 var obj = {"firstThing":"4","secondThing":"6","aThirdThing":"2","anotherThing":"3","followedByAnother":"4"};

 $.each(obj, function(key,value) {

  $('#newmine').append("<li class='tagBlocks'>","<a href='#' rel=''>",value," ",key);
 });
});

Answer 1

我会稍微改变它以使用 jQuery 函数而不是构建字符串，如下所示:

$(function() {
 var obj = {"firstThing":"4","secondThing":"6","aThirdThing":"2","anotherThing":"3","followedByAnother":"4"};

 $.each(obj, function(key,value) {  
    $("<li class='tagBlocks'></li>").append(
        $("<a href='#'></a>").attr('rel', value).text(key)
    ).appendTo("#newmine");
 });
});​

发生交换是因为......它是 javascript，那是 DOM。顺序无关紧要，它只是一个属性列表，因此无论浏览器首先处理什么，都可能会或可能不会首先出现在您使用的任何调试工具中。无论位置如何，效果都是一样的，因此您在调试器中看到的顺序可能因每个浏览器而异……在这种情况下没关系:)