xmlからhtmlに2つの変数を追加します

Question

私はjsファイルにxmlファイルの2つの変数を持っていますが、どのようにそれらを両方とも#list ulにli要素として追加できますか？つまり、各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);