使用jquery创建ulli并将其放入html追加中

使用jquery创建ulli并将其放入html追加中,jquery,html,ajax,Jquery,Html,Ajax,我得到了input和textarea,所以问题是我要发送带有一些文本和单词的ajax,计算文本中有多少输入包含单词,然后发回类中有两个VAL的对象列表:quantity和word,然后我想显示这样的结果:“word”-quantity“这些都是我需要放在ul-li中的东西,所以我尝试用jquery创建ul和li,但仍然无法用列表的vals将它们放在我的html-append中。 这是我的部分代码: function makeulli() { var sub_ul = $('<ul/

我得到了input和textarea,所以问题是我要发送带有一些文本和单词的ajax,计算文本中有多少输入包含单词,然后发回类中有两个VAL的对象列表:quantity和word,然后我想显示这样的结果:“word”-quantity“这些都是我需要放在ul-li中的东西,所以我尝试用jquery创建ul和li,但仍然无法用列表的vals将它们放在我的html-append中。 这是我的部分代码:

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>");
函数makeulli(){
var sub_ul=$(“
    ”); $。每个(数据、功能(i){ var sub_li=$(“
  • ”); $(附属法例)。附件(附属法例); }); } $(“.texnwords”).append(“结果:单词:文本:
    ”+Text+“

    ”);
所以我只需要将这个创建的ul和li与列表中的值一起放在我的append中。

var-countries=[‘美国’、‘加拿大’、‘阿根廷’、‘亚美尼亚’;
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);
});
var cList=$('ul.mylist') 美元,每个(国家,职能(i) { 变量li=$(“
  • ”) .addClass('ui-menu-item') .attr('role','menuitem') .附录(cList); 变量aaa=$('') .addClass('ui-all') .案文(国家[一]) .附件(李); });
  • 不太清楚您要做什么,但是如果您要访问数据变量,您可以这样做:

    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);         
    }
    
    函数makeulli(){
    var sub_ul=$(“
      ”); $.each(数据、函数(索引、值){ //像value.yourvalue一样访问 var sub_li=$(“
    • ”); 附款(附款); }); $(“.texnwords”)。附加(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);         
    }
    
    函数makeulli(){
    var sub_ul=$(“
      ”); $.each(数据、函数(索引、值){ var sub_li=$('
    • ').html(value.word+'-'+value.quantity); 附款(附款); }); $(“.texnwords”)。附加(sub_ul); }

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

    ye按照您所说的做了,它的显示方式类似于[object object],请在循环中尝试console.log(value),以查看对象的结构。数组[1]0:object q:2 w:“sad”这是数据的结构这是console.log值对象的结果q:2W:“sad”是的,好的,然后使用value.q和value.w来获得你的值。如果是多维数组,也可以尝试value[index].q。