javascript - Jquery动态列表生成

Question

for(var i=0; i< vendors.length;i++)
    {
     var $ul = $("<ul>").attr("data-role", "listview")
                .attr("data-divider-theme","a")
                .attr("data-inset","true")
                .appendTo("#vendorLists");
         $("<li>").attr("data-role", "list-divider")
                .attr("role","heading")
                .text(vendors[i])
                .appendTo($ul);
       for(var j=0; j<coupons[i].length; j++)
        {
            var x = coupons[i][j].split(":");           
            var $li = $("<li>").attr("data-theme", "a")     
                       .appendTo($ul);
            $("<a>").text(x[0] + ":" + x[1])
                       .appendTo($li);
            }
    }

我正在使用此代码通过从数组中获取来动态创建列表。vendorList是一个div标签

Jquery 不会出现在这些上..仅显示文本请帮忙

Answer 1

您提到vendorList是一个div标签。但是，您可以在 $ul 的定义中使用 appendTo("#vendorLists")。除非您的意思是 vendorLists 是一个 div 标签，否则您需要使用 appendTo("#vendorList") 来代替。