如何将此警报信息插入到 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

如果内容是文本，请使用：

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

如果您的内容是 html，请使用：

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

Answer 3

如果您想要包含在 div 中的内容是纯文本，一个不错的选择是：

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

如果您想将 HTML 内容放入 div 中，这样更好：

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