javascript - 使用 JavaScript 动态添加列表项和链接

Question

我有 javascript 函数，可以在 html 列表中添加列表项，并且它可以正常工作。我想要的是为动态添加的每个链接项添加一个链接。这是我的代码:

$.ajax({
    url: uri1 + "?region=" + regionForSearch,
    method: "GET",
    dataType: "json",
    data: {
      region: regionForSearch
    }
  })
  .done(function(data) {
    // On success, 'data' contains a list of products.
    var urifordelete = ""

    $('#factories').empty();
    $.each(data, function(key, item) {
      // I want to add code here
      $('<li>', {
        text: formatItem(item)
      }).appendTo($('#factories'));
    });

    iscrtajMapu(data);
  });

我想要的是在每个列表项中添加链接，链接应该像这样创建:

var urlForLink = 'http://localhost:50758/api/factories/' + item.ID;

我是 javascript 和 html 新手。每一个建议表示赞赏。

更新:

这就是我现在拥有的:

链接导致删除项目，因此我希望在信息旁边提供纯文本信息，链接显示删除并导致删除，就像我的数据现在导致该操作一样。

Answer 1

看看 jQuery 的 .append() .

你可以这样做:

$('#factories').append('<li><a href="' + urlForLink + '">' + formatItem(item) + '</a></li>');