带有对象数据的jQuery .html只显示一个div

Question

我目前正致力于将来自其他页面的内容加载到我的页面中。我想要的是，内容本身是从另一页的一个div加载到我页面的特定div中。

到目前为止，它正在努力将其他页面的内容加载到我的div中。另外我想出了如何在我的页面div中显示另一页的特定div。

的jsfiddle：http://jsfiddle.net/gfnyyrx2/1/

jQuery的：

<script>
jQuery(document).ready(function() {  
    jQuery("#region").html('<object data="http://de.selfhtml.org/#wiki">');
});
</script>

HTML：

<div id="content" class="box"></div>

我现在的问题是来自其他页面的整个内容被加载到我的div中。 #divname只跳到想要的div。但是其他页面的其余部分也会被加载。如果您使用滚动条，您可以看到整个内容。

反正只有加载div的内容而不是其他页面的整个内容？我的第二个问题是，如何在我的页面上给出一个大小的div？正如你在小提琴中看到的那样，我已经尝试给我的div一个高度和宽度。但它只会改变div的大小，而不会改变内容Box的大小。

Answer 1

如果没有实际的HTML，您将不得不对选择器进行一些更改，但load可以与选择器一起使用，以提取部分加载的页面，如下所示：

jQuery(function ($) {
    $("#content").load("http://de.selfhtml.org/", "#wiki");
});

http://jsfiddle.net/TrueBlueAussie/gfnyyrx2/3/

笔记：

• jQuery(function ($) {既是一个快捷方式的DOM就绪处理程序，也为更短的代码提供了本地作用的$。
• 由于您网站上的跨域访问限制，代码将无法在JSFiddle中运行（您将在控制台中看到错误）。

Answer 2

这是在sencha完成的，我没有得到整个网页，但我只得到了我需要的div。我已经通过正则表达式做到了这一点。网址是http://news.oneindia.in/business/investors-lose-rs-7300-crore-as-dlf-stocks-dip-after-sebi-ban-1541436.html

    Ext.Ajax.request({
                url : url,
                params : {
                    id : 1
                },
                success : function(response) {
                    //Ext.getCmp('allnavigation').items.items[1].setMasked(true);                                           
                    var text = response.responseText;                       
                    var html = text.match(/<article>.*<p>/);
                    var active = Ext.getCmp('allnavigation').setActiveItem(1);
                    Ext.Viewport.setActiveItem(active);
                    var con = Ext.getCmp('desccontainer');
                    var tpl = ['<div class="contact">', //
                    '<div id="contcontents" style="font-size: 1.1em;color: #000;font-weight: normal;margin-bottom: 10px;padding-top: 20px;padding-left: 30px;">' + title + '</div>', //
                    '<div style = "text-align:center"><img src="' + image + '" alt = "No-Image" style="width:300px;height:340px" ></div>', //
                    '<div id="contcontents" style="">' + html + '</div>', //
                    '<div style="font-size: x-small;padding-top: 10px;">' + pubdate + '</div>', //
                    '</div>'].join('');
                    con.setHtml(tpl)                        
                }
            });