Jquery 为什么apprend（“ul”和“li”）如此奇怪

我对jquery中的append有问题

当我像这样写代码时

---

$（文档）.ready（函数（）{
对于（var a=0；a而言，先将其连接到变量，然后再使用
.append（）
查看下面的代码段以了解更多信息


$（文档）.ready（函数（）{
var数据=”；
对于（var a=0；a<5；a++）{
数据+=”
a_uu“+a；
数据+=“
”；
对于（var b=0；b<5；b++）{
数据+=“
b_“+b+”
”；
}
数据+=“
”；
}
$（“#nav”）.append（数据）
})；


.append（）
附加完整的元素，您应该创建DOM元素，然后再附加它。下面是一个示例

使用


$（文档）.ready（函数（）{
对于（var a=0；a<5；a++）{
//从点创建LI元素
var li=$（“
a_u“+a+”
”）；
//创建子UL
var u=$（“
”）；
对于（var b=0；b<5；b++）{
u、 附加（“
b_”+b+”
”；
}
//附加子UL ti LI
li.附加（u）；
//附加李
$（“#nav”）。追加（li）
}
})；


$（文档）.ready（函数（）{
var finalUiLi=“”；
for（var a=0；a“为什么它不正确？”-因为
.append
附加完整的元素；不能使用它“附加结束标记”仅限。创建一个
ul
元素，将项目附加到该元素，然后将
ul
附加到文档中。很高兴它有帮助，如果您发现它对您有用，请将其标记为答案。请了解如何标记为答案
<script>
  $(document).ready(function(){
    for(var a=0;a<5;a++){
          var u=$("#nav").append("<li >a_"+a);
               u.append("<ul>");
                   for(var b=0;b<5;b++){
                       u.append("<li>b_"+b+"</li>");
                   }
                u.append("</ul>")

          $("#nav").append("</li>")
     }
    });

 </script>
  <div class="section-tree">
  <ul id="nav"></ul>         </div>

  <ul>

   <li> 
    a_0
      <ul>
         <li>b_1</li>
         <li>b_2</li>
         <li>b_3</li>
         <li>b_4</li>
         <li>b_5</li>
      </ul>
   </li>

   <li> 
   a_1
      <ul>
        <li>b_1</li>
        <li>b_2</li>
        <li>b_3</li>
        <li>b_4</li>
        <li>b_5</li>
      </ul>
  </li>
        ...
</ul>

$(document).ready(function(){
      var finalUiLi="";
      for(var a=0;a<5;a++){
          finalUiLi+="<li>a_"+a;
            finalUiLi+="<ul>";
                for(var b=0;b<5;b++){
                    finalUiLi+="<li>b_"+b +"</li>";
                }
            finalUiLi+="</ul>";   
          finalUiLi+="</li>";
      }
     $("#nav").append(finalUiLi);
    });