從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);