Looping in JQuery

Question

Я пытаюсь создать цикл в JQuery для отображения данных! Я использую данные API. Кажется, я получаю синтаксическую ошибку.

Могу ли я так поступать?

$.each(data.results, function (i, item) { // on this line 

    var Name = item.name; 
    var Date = item.auditInfo.dateCreated; 
    var Creator = item.creator.display; 
    $htmlstring.append($('<li/>').append('<p>Test</p>')); 
    $htmlstring.append("<div class='title'> Info : " 
    Name + Date + Creator "</div>"); 

}); 
$('#afficher').html($htmlstring); 

Answer 1

Вы пытаетесь передать набор элементов DOM ($htmlstring) к функции, которая ожидает HTML-строку (.html).

Попробуйте использовать вместо этого $('#afficher').append($htmlstring). [О, и переименуйте переменную, так как это не строка HTML!]

Вы также пытаетесь создать нелегальный HTML. Предполагая, что исходный элемент контейнера из $htmlstring является <ul> (так как вы добавляете <li>), вы не можете добавить <p> или <div> предметов в номер <ul>.

Если предположить, что эти элементы должны быть в<li> элемент:

var container = $('<ul>'); 

$.each(data.results, function (i, item) { 

    var name = item.name; 
    var date = item.auditInfo.dateCreated; 
    var creator = item.creator.display; 

    var li = $('<li>').appendTo(container); 
    li.append('<p>Test</p>'); 
    li.append($('<div>', { 
     'class': 'title', 
     'text' : 'Info : ' + name + date + creator 
    })); 

}); 

$('#afficher').append(container);