javascript - 在 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是 a <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);