jqueryを使用してリストを追加する方法

Question

基本的には、jqueryを使用してリストを追加しようとしています。このリストの各要素は別のリンクに接続されています。これは私がやったことです

"data"は、キーと名前属性を持つRESTから取得したJSON配列です。 しかし、これを使って、私はこのような出力を得ましたunwanted result。要素がリストポイントと同じ行にありません。 テキストをリストポイントと同じ行にしたい。どんな助け？

Answer 1

LIタグを開閉するだけのように、部分的な要素を追加することはできません。
その後、dataは多くのインデックスを持っている場合、あなたはループの外添付を行うには、すべての要素を追加する必要があることをUL

for (i=0; i <data.length ; i++){ 

    var a = $('<a />', { 
     href : 'https://example.com/browse/' + data[i].key, 
     text : data[i].name 
    }); 

    var li = $('<li />'); 

    $("#list-of-project ul").append(li.append(a)); 
} 

ノートに追加し、それにアンカーを追加し、最初のLI要素を作成します。一度

Answer 2

であなたは... liからaが、その後、ulにliを追加あなたは、簡単なAPPENDを行っているように、オープンタグと終了タグを追加する必要はありません

for (i=0; i <data.length ; i++) { 
    var a = $('<a />'); 
    a.attr('href','https://example.com/browse/' + data[i].key); 
    a.text(data[i].name); 

    var li = $('<li/>'); 
    li.append(a); 

    $('#list-of-project ul').append(li); 


} 

Answer 3

for (i=0; i <data.length ; i++){ 

    var a = $('<a />'); 
    a.attr('href','https://example.com/browse/' + data[i].key); 
    a.text(data[i].name); 
    var li ="<li>"+a+"</li>" 
    $("#list-of-project ul").append(li); 
} 

IMOのでパラメータオブジェクト

Answer 4

<input type="test" id="inputName" /> 
<button id="btnName">Click me!</button> 

<ul class="justList"></ul> 

$('#btnName').click(function(){ 
    var text = $('#inputName').val(); 
    if(text.length){ 
     $('<li />', {html: text}).appendTo('ul.justList') 
    } 
});