0

次のような div 構造にロードする 2 つの xml ファイル (data.xml と images.xml) があります。

<div class="listing">
    <div class="listing-image"></div>
    <div class="listing-data"></div>
</div>

それらを一緒にロードするにはどうすればよいですか？ここにdata.xmlがあります

<dealer id="123">
    <name>Lily's Trucks</name>
</div>
<dealer id="456">
    <name>Ali's Trucks</name>
</div>
<dealer id="789">
    <name>May's Trucks</name>
</div>

および images.xml

<images>
    <image source="/image1.jpg" id="123"/>
    <image source="/image2.jpg" id="456"/>
    <image source="/image3.jpg" id="789"/>
</images>

出力は次のようになります。

<div class="listing">
    <div class="listing-image"><img src="/image1.jpg"/></div>
    <div class="listing-data">Name: Lily's Trucks</div>
</div>
<div class="listing">
    <div class="listing-image"><img src="/image2.jpg"/></div>
    <div class="listing-data">Name: Ali's Trucks</div>
</div>
<div class="listing">
    <div class="listing-image"><img src="/image3.jpg"/></div>
    <div class="listing-data">Name: May's Trucks</div>
</div>

乾杯。

4

1 に答える 1

0

jquery.load() を使用する

<script>
    $(function(){
        $('.listing-image').load('http://images.xml');
        $('.listing-data').load('http://data.xml');
    });
</script>


<div class="listing">
    <div class="listing-image"></div>
    <div class="listing-data"></div>
</div>
于 2013-10-22T22:56:16.030 に答える