dynamicaly javascriptを使ってリストアイテムとリンクを追加する

Question

HTMLリストにリストアイテムを追加するjavascript関数があり、正しく動作します。私が欲しいのは、動的に追加されたすべてのリンク項目にリンクを追加することです。これは私が持っているコードです：私が欲しいもの

$.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を持つ新しいです。すべての提案は高く評価されました。

UPDATE：

これは私が今持っているものです。

リンクは、アイテムの削除につながるので、私はプレーンテキストと情報のすぐ隣にある情報を持っていると思いました、削除と言って、私のデータのような削除につながるリンクは、今すぐそのアクションにつながります。

Answer 1

最初<a><li>にを追加し、その<li>#factoriesに追加することができます。

var li = $('<li>'); 
var a = $('<a>').attr('href', urlForLink).text(formatItem(item)); 
li.append(a); 
li.appendTo('#factories'); 

それとも、（読みやすくするために壊れアップ）のように1行でそれを行うことができます：ここでの操作の内訳です

ちょうどあなたの更新に基づいて

$('#factories') 
    .append( 
    $('<li>') 
     .append( 
     $('<a>') 
     .attr('href', urlForLink) 
     .text(formatItem(item)) 
    ) 
    ) 

EDIT <a>の代わりに<li>にテキストを追加します。

$('#factories') 
    .append( 
    $('<li>') 
     .text(formatItem(item)) // <--- add text here 
     .append( 
     $('<a>') 
     .attr('href', urlForLink) 
     .text('Delete')   // <--- add text to delete here 
    ) 
    ) 

---

Answer 2

jQueryの.append()をご覧ください。

あなたが行うことができます

：

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