將iframe添加到HTML中的特定位置使用jquery

Question

我試圖將以下DOM生成的iframe放入頁面的某個部分。特別是我希望它坐在一個div中，我有名字「地圖」。現在它一直懸浮在頁面底部，可能是因爲它被放置在那裏。有沒有辦法找到名爲地圖的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"'); 

會發現與maps該ID的DIV和元素之後追加的iframe。我不確定你是否真的想要它在div或div內部（儘管我覺得它應該在裏面）。