juleryを使ってul liを作成し、htmlで追加します

Question

私は入力とテキストエリアを持っていますので、問題はテキストと単語でAJAXを送信し、テキストに入力がどれくらいあるかを数え、リストを返すことです量と単語の2つの値を持つクラスのオブジェクトのリストを作成し、次にそのような結果を表示したい：「単語」 - 量、そしてこれらのすべてをul liに入れる必要があるので、ulとliを作成しようとしましたjQueryを使って、まだリストのヴァルスで今追加私のhtmlでそれを置く方法を得るカント コードの私の部分厥：。

function makeulli() { 
    var sub_ul = $('<ul/>'); 
    $.each(data, function (i) { 
     var sub_li = $('<li/>'); 
     $(sub_li).appendTo(sub_ul); 
    }); 
} 

$(".texnwords").append("<section class='searchresult'><h4>Result:</h4><p>Words: <p>Text:<br>" + text + "</p></section>"); 

ので、私はちょうど値と私の追記に、この作成したULとLiさんを配置する必要がありますリストから。

Answer 1

ない正確にあなたが何をしようとして確認していますが、あなたはこのように行うことができ、データの変数にアクセスしようとしている場合：

function makeulli() { 
    var sub_ul = $('<ul/>'); 
    $.each(data, function (index, value) { 
     // access like value.yourvalue 
     var sub_li = $('<li/>'); 
     sub_ul.append(sub_li); 
    }); 
    $(".texnwords").append(sub_ul);   
} 

を更新：

はあなたのような意味を推測しますこの？

変数のデータ構造がどのようになっているかは、「value」または「data」のいずれかをconsole.log（）で試してみてください。

Answer 2

var countries = ['United States', 'Canada', 'Argentina', 'Armenia']; 
var cList = $('ul.mylist') 
$.each(countries, function(i) 
{ 
    var li = $('<li/>') 
     .addClass('ui-menu-item') 
     .attr('role', 'menuitem') 
     .appendTo(cList); 
    var aaa = $('<a/>') 
     .addClass('ui-all') 
     .text(countries[i]) 
     .appendTo(li); 
});