从xml追加两个变量到html

Question

我在我的js中有两个来自xml文件的变量，我如何将它们作为li元素追加到我的#list ul中？我的意思是，每个li元素都必须包含来自脚本的标题和url。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
    <script type="text/javascript"> 
 
     $(document).ready(function() { 
 
      $.ajax({ 
 
       type: "GET", 
 
       url: "#", 
 
       cache: false, 
 
       dataType: "xml", 
 
       success: function (xml) { 
 
        $(xml).find('HotelExportElionDto').each(function (hotelList) { 
 
         $(this).find("Title").each(function() { 
 
          var title = $(this).text(); 
 
         }); 
 
         $(this).find("SeoUrl").each(function() { 
 
          var url = $(this).text(); 
 
         }); 
 
        }); 
 
       } 
 
      }); 
 
     }); 
 
    </script>

<ul id="list"></ul>

Answer 1

您可以使用.append()但你必须改变你的代码点点：

$(xml).find('HotelExportElionDto').each(function(hotelList) { 
    var li=""; 
    var title = $(this).find("Title").map(function() { 
    return $(this).text(); 
    }).get(); 
    $(this).find("SeoUrl").each(function(i) { 
    li += "<li>" + title[i] +"<-:title::|::url:->"+ $(this).text() + "</li>"; 
    }); 
}); 

$('#list').append(li);