使用Jquery将Iframe附加到HTML中的特定位置

Question

我尝试将以下DOM生成的iframe放入页面的某个部分。特别是，我希望它位于一个名为“map”的div中。现在，它一直漂浮在页面的底部，可能是因为它被放置在那里。有没有办法找到名为map的div并将其放在div标记后面？

任何帮助都将不胜感激！代码如下：

        function handle_geolocation_query(position) {


        var image_url = "http://maps.google.com/?ie=UTF8&q=@" + position.coords.latitude + ',' + position.coords.longitude + 
                        "&z=16&output=embed";

        jQuery("#map").remove();
        $(document.body).append(
          jQuery(document.createElement("iframe")).attr("src", image_url).attr('width','320').attr('height','320').attr('id','map')
        );

    }

Answer 1

$('#maps')
    .after('<iframe src="'+image_url+'" width="320" height="320" id="map"');

将找到id为maps的div，并将iframe附加到该元素之后。我不确定你是真的想要它在div之后还是在div里面(在我看来它应该在里面)。