Question

我得到了输入和textarea，所以问题是我发送带有一些文本和单词的ajax并计算文本中有多少输入字，并发回具有2个val的类对象列表：数量和字，然后我想显示一个结果：“word”-quantity“和这些我需要放在ul li中的所有东西，所以我试图用jquery创建ul和li但是仍然无法得到如何把它放在我的html现在附加了列表的val。这是我的代码部分：

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

所以我只需要使用list中的值将这个创建的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（）“value”或“data”。

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

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

2 个答案: