用jquery创建ul li并将其放入html追加中

Question

我有输入和文本区域，所以问题是我发送带有一些文本和单词的ajax，并计算文本中有多少输入有单词，然后发回具有2个值的类对象列表：数量和单词，然后我想显示这样的结果：“word”-quantity”以及我需要放入 ul li 中的所有内容，所以我尝试使用 jquery 创建 ul 和 li 但仍然不知道如何将其放入我的 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);         
}

更新：

你猜你的意思是这样的吗？

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

如果对变量的数据结构有疑问，请尝试 console.log() “值”或“数据”。