0

我正在尝试为列表中的每个链接分配一个 ID，如下所示，

for (var j = start; j < stop; j++) { 
    link = linkBase + json[j].relatedItemId;

    $('#citations').append('<li><a href="' + link + '" id="num" + j>' + 
        json[j].title + '</a></li>'); 
        alert($('a').attr('id'));
}

它一直给我未定义或0？我应该在 for 循环之外使用 $.each 吗？

我试图将 for 循环用于两个目的，但也许这不是一个好主意？

*编辑***

如果我将我的 for 循环放在一个函数中，例如，

// Loop function for each section
var loopSection = function(start, stop) {

// Http setup for all links
var linkBase = "http://www.sciencebase.gov/catalog/item/";

// Link for citation information
var link = "";

for (var j = start; j < stop; j++) { 
    link = linkBase + json[j].relatedItemId;

    var $anchor = $("<a>", {
        href: link, 
        id: "id" + j, 
        text: json[j].title
    })   

    // .parent() will get the <li> that was just created and append to the first citation 
    element                                              
    $anchor.appendTo("<li>").parent().appendTo("#citations");
    }
}

我无法从函数外部访问 id

$('#citations').on('click', function (e) {
    e.preventDefault();

    var print = ($(this).attr('id'));

    alert(print);
});
4

3 回答 3

1

这种形式更干净：

for (var j = start; j < stop; j++) { 
    link = linkBase + json[j].relatedItemId;

    $("<a>", {
        href: link, 
        id:'num' + j, 
        text: json[j].title
    }).appendTo("<li>")
      .parent()               // get the <li> we just made
      .appendTo("#citations");
}

如果您想引用您创建的锚标记，请执行以下操作：

for (var j = start; j < stop; j++) { 
    link = linkBase + json[j].relatedItemId;

    var $anchor = $("<a>", {
        href: link, 
        id:'num' + j, 
        text: json[j].title
    });

    $anchor.appendTo("<li>").parent().appendTo("#citations");
}
于 2013-01-16T00:26:36.977 回答
0

您的代码中有语法错误 (id="num" + j..)

但是，您应该通过代码执行此操作（避免语法错误并提供更好的性能）

for (var j = start; j < stop; j++)
{
    var link = linkBase + json[j].relatedItemId;

    $('#citations').append($(document.createElement('li'))
                           .append($(document.createElement('a'))
                                   .attr('href', link)
                                   .attr('id', 'num' + j)
                                   .html(json[j].title)));
}
于 2013-01-16T00:30:15.343 回答
0

同意 Schmiddty 的回答，但是为了完整起见

for (var j = 0; j < 10; j++) {
  var link = "someLink.htm";
  $('#citations').append('<li><a href="' + link + '" id="num' + j + '">'+ 'click here' + '</a></li>'); 
  alert($('#citations a:last').attr('id'));
}

我只是更改了您的变量以使其在此小提琴上作为演示自行工作

于 2013-01-16T00:42:22.743 回答