Как вставить эту информацию о предупреждении в div

Question

Привет, у меня есть этот код jQuery ajax

<script type="text/javascript">
jQuery(document).ready(function($) {
    $.ajax({
        url: "http://api.wunderground.com/api/10ea0e643a3d7699/geolookup/conditions/q/IA/Cedar_Rapids.json",
        dataType: "jsonp",
        success: function(parsed_json) {
            var location = parsed_json['location']['city'];
            var temp_f = parsed_json['current_observation']['temp_f'];
            alert("Current temperature in "+location+" is: " + temp_f );
        }
    });
});
</script>

и я хочу показать содержание оповещения в виде div в теле, как

<div id="meteo"></div>

Answer 1

Вы можете переопределить функцию оповещения, чтобы сделать любые вызовы для оповещения, открыв настраиваемое всплывающее окно на основе DIV, чтобы обеспечить согласованное всплывающее окно в браузерах с индивидуальным подходом для вашего сайта.

window.alert = function() {
    $('#meteo').html('your content');
    $('#meteo').show();
};

Answer 2

Если содержимое, которое вы хотите включить в div, является чисто текстовым, хорошим вариантом будет:

$("#meteo").text("Current temperature in "+location+" is: " + temp_f)

Если вы хотите поместить содержимое HTML в div, лучше:

$("#meteo").html("Current temperature in "+location+" is: " + temp_f)

Answer 3

Если содержание текстовое, используйте:

$('#meteo').text("Current temperature in "+location+" is: " + temp_f );

Если ваш контент в формате html, используйте:

$('#meteo').html("<span>Current temperature in "+location+" is: " + temp_f +"</span>");