Erstelle ul li mit jquery und lege ihn in den html append

Question

Ich habe Eingabe und Textarea, also Problem ist, dass ich ajax mit etwas Text und Wörtern sende und zähle, wieviele Eingänge Wort in einem Text haben, und sende Liste zurück von Objekten der Klasse, die 2 Vals haben: Menge und Wort, und dann möchte ich ein Ergebnis wie das zeigen: "Wort" -Mentität "und diese alle Dinge, die ich in ul li setzen muss, also habe ich versucht, ul und li zu schaffen mit jquery aber kann immer noch nicht bekommen, wie es in meinem html jetzt mit vals der Liste das ist mein Teil Code anhängen zu setzen. mit Werten

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>"); 

Also muss ich nur setzen diese erstellt ul und li in meinem append aus der Liste.

Answer 1

Nicht ganz sicher, was Sie zu tun versuchen, aber wenn Sie versuchen, die Datenvariable zugreifen, die Sie wie folgt tun:

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);   
} 

Update:

Raten Sie bedeuten wie Dies?

function makeulli() { 
    var sub_ul = $('<ul/>'); 
    $.each(data, function (index, value) { 
     var sub_li = $('<li/>').html(value.word+'-'+value.quantity); 
     sub_ul.append(sub_li); 
    }); 
    $(".texnwords").append(sub_ul);   
} 

Im Zweifelsfall, wie die Datenstruktur für die Variable ist, dann versuchen console.log() entweder den „Wert“ oder „Daten“.

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); 
});