使用jquery追加li标记

Question

我有一个ul和class的标签为

<ul class="nested-dm2"></ul>

我想使用jquery将下面的li标记附加到ul。

我该怎么做呢？

 <li><span class='d-inline-block'>Oracle</span>&nbsp;&nbsp;&nbsp;<span>localhost(OT)</span><i class="ion-edit oracle show d-block ml-2" data-toggle="modal" data-target="#myModalsource" data-backdrop="static" data-keyboard="false"></i></li>
                    <li><span class='d-inline-block'>PostgresSQL</span>&nbsp;&nbsp;&nbsp;<span>localhost(sample_db)<span><i class="ion-edit postgress noshow d-block ml-2" data-toggle="modal" data-target="#myModalsource" data-backdrop="static" data-keyboard="false"></i></li>
                    <li><span class='d-inline-block'>MySql</span>&nbsp;&nbsp;&nbsp;<span>localhos(customer)</span><i class="ion-edit mysql noshow d-block ml-2" data-toggle="modal" data-target="#myModalsource" data-backdrop="static" data-keyboard="false"></i></li>
                    <li><span class='d-inline-block'>Excel</span>&nbsp;&nbsp;&nbsp;<span>C://Excel//customer.xlsx</span><i class="ion-edit excel noshow d-block ml-2" data-toggle="modal" data-target="#myModalsourceExcel" data-backdrop="static" data-keyboard="false"></i></li>

Answer 1

var html = `<li><span class='d-inline-block'>Oracle</span>&nbsp;&nbsp;&nbsp;<span>localhost(OT) 
   </span><i class="ion-edit oracle show d-block ml-2" data-toggle="modal" data- 
   target="#myModalsource" data-backdrop="static" data-keyboard="false"></i></li>
                <li><span class='d-inline-block'>PostgresSQL</span>&nbsp;&nbsp;&nbsp; 
   <span>localhost(sample_db)<span><i class="ion-edit postgress noshow d-block ml-2" 
   data-toggle="modal" data-target="#myModalsource" data-backdrop="static" data- 
   keyboard="false"></i></li>
                <li><span class='d-inline-block'>MySql</span>&nbsp;&nbsp;&nbsp; 
   <span>localhos(customer)</span><i class="ion-edit mysql noshow d-block ml-2" data- 
   toggle="modal" data-target="#myModalsource" data-backdrop="static" data- 
   keyboard="false"></i></li>
                <li><span class='d-inline-block'>Excel</span>&nbsp;&nbsp;&nbsp; 
   <span>C://Excel//customer.xlsx</span><i class="ion-edit excel noshow d-block ml-2" 
   data-toggle="modal" data-target="#myModalsourceExcel" data-backdrop="static" data- 
   keyboard="false"></i></li>`     
$("nested-dm2").append(html);

Answer 2

like的答案看起来是可行的。您只需将想要添加到变量的内容设置好，然后添加variable即可。(我只是想解释一下我所看到的。)