jQuery每个循环输出

时间:2018-05-22 07:53:50

标签: jquery html each weather

嗨我得到一个关于如何使用jQuery显示每个循环的xml文件中的所有数据的问题,它现在只显示1个单个记录,谢谢。 HTML代码:

<label id="lbCity">City:<p id="city"></p></label>
<label id="lbDate"><p id="date"></p></label>
<label id="lbRain">Rain:<p id="rain"></p></label>
<label id="lbWind">Wind:<p id="wind"></p></label>
<label id="lbMin">Min:<p id="min"></p></label>
<label id="lbMax">Max:<p id="max"></p></label>
<label id="lbHumi">Humidity:<p id="humi"></p></label>
<label id="lbCloud">Cloud:<p id="description"></p></label>

XML code

jQuery代码:

   $(document).ready(function(e) {

        $("#Button").on('click', function(){

            loading(true);


            $.ajax({
                type:"GET",
                url: url,
                dataType:'text', // type of the file format

                success: function(data){

                    var xmlDoc = $.parseXML(data);
                    var xml = $(xmlDoc);

                    $(xml).find('forecast time').each(function(){

                    $.each(this.attributes, function(i, attrib){
                    console.log( $($.parseXML(data)).find("country").text() );
                    $("#city").html( xml.find("name") );

                    $("#date").html( xml.find("time").attr("day") );
                    $("#min").html( xml.find("temperature").attr("min") + "&deg;C" );
                    $("#max").html( xml.find("temperature").attr("max") + "&deg;C" );   

                    });
                    });

                },

            });

        });     

0 个答案:

没有答案