append追加大量标签 部分不生效

Question

代码一 var aa = $("<a href='#'></a>");
var img = $("<img style='width:80px;height:80px'>");
$("img").prop("src","/numberoneshop"+this.img);
$("aa").append(img);
var adiv = $("<div class='list_img'></div>");
$("adiv").append(aa);
var bdiv =$("<div class='list_text'></div>");
$("bdiv").text(this.name);
var ali = $("<li class='list_con' style='float:left'></li>");
$("ali").append(adiv);
$("ali").append(bdiv);
代码一不可以通过

将代码一合起来写通过，原因未明。
var ali = $("<li class='list_con' style='float:left'><div class='list_img'><img src='/numberoneshop"+this.img+"' style='width:80px;height:80px'></div><div class='list_text'></div></li>");

Answer 1

方法不对，多个拼接的时候 var ali = '<li class='list_con' style='float:left'>'+ '<div class='list_img'>'+,,,,,,,,,,多个标签用引号包起来组合，； 还有你前面的$() 括号里面是写选择器的 不是写标签的