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

标签 javascript jquery

如何将 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);
 });
});

最佳答案

我会稍微改变它以使用 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。顺序无关紧要,它只是一个属性列表,因此无论浏览器首先处理什么,都可能会或可能不会首先出现在您使用的任何调试工具中。无论位置如何,效果都是一样的,因此您在调试器中看到的顺序可能因每个浏览器而异……在这种情况下没关系:)

关于javascript - 使用 jQuery 从键对值中获取值到附加属性中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2566249/

相关文章:

javascript - 嵌套列表中的 jQuery 父/子

javascript - 删除成功函数上的 div

javascript - 扣除金额问题,每次执行的值不同

javascript - Highchart 和 json 数据

javascript - 构建适用于 IE7 的垂直嵌套 CSS 菜单

javascript - 延迟突出显示文本区域中的文本

javascript - jQuery fadeIn 不起作用,fadeTo 起作用

javascript - Chrome 扩展上的 browserAction 用于在网页上嵌入内容(如 Rapportive)

javascript - jQuery 根据另一个下拉列表的值填充下拉列表

javascript - 如果单元格为空,则在此单元格中插入 0