加载ajax加载的div的innerHtml答案

【问题标题】：load innerHtml of ajax loaded div加载ajax加载的div的innerHtml
【发布时间】：2012-03-09 06:02:32
【问题描述】：

我有一个 div，它通过 ajax .load("ajaxcontent.php") 加载其内容。

在这个 div 中，我们生成了许多其他 div。我想获取其中一个 div 的内容。

我试过 var insidecontent=$('#topdiv').html();但它返回 null。

获取这些值有什么诀窍吗？

index.html

<div id="news"></div>

ajaxcontent.php

<div id="topdiv">Hello World</div>
<div id="middiv">This is the mid div</div>
<div id="botdiv">This is the bottom</div>

javascript：

$("#news").load("ajaxcontent.php");

$(document).delegate("#total", "keyup", function (e) {
        if(e.which!=13){
            var insidecontent=$('#topdiv').html();
        }
    });

【问题讨论】：

可以贴出ajax加载返回的HTML吗？以及容器 div 的 HTML？
请显示您的一些标记。
我们可以看看一些代码吗？
您的代码在哪里？如果你让我们猜测，你不会得到好的答案。
我无法发布确切的代码，因为它通过许多 php 循环分解成许多部分，但我发布了准系统。

标签： javascript jquery html ajax

【解决方案1】：

你是在加载函数执行完成后访问内容吗？

$("#firstDiv").load("serverpage.aspx",function(){

      // Now access the content
       var insideContent=$("#topDiv").html();

});

编辑：在操作员发布他的代码之后

像这样在 document.ready 中包装委托绑定

$(function(){
  $(document).delegate("#total", "keyup", function (e) {
        if(e.which!=13){
            var insidecontent=$('#topdiv').html();
        }
    });
});

【讨论】：

onkeyup 在这个 div 内的一个文本框，javascript 触发获取 insideContent。你能看看我原来的帖子吗？我给它加了一些代码。

【解决方案2】：

$('#DivForContent').load('ajaxcontent.php #topdiv');

【讨论】：

【解决方案3】：

您只需要确保在将topdiv 附加到DOM 之后调用$('#topdiv')。 load按照http://api.jquery.com/load/进行回调

$('#someDiv').load('ajaxcontent.php', function() {
    var insidecontent=$('#innerDiv').html();
    //Do something with it.
});

【讨论】：

【解决方案4】：

由于您只显示了.load("ajaxcontent.php")，我假设您正在尝试这样做

jQuery("#foo").load("ajaxcontent.php")
var insidecontent=$('#topdiv').html()

您需要使用回调，因为加载是异步的。

function finishProcessing() {
    var insidecontent=$('#topdiv').html();
    alert( insidecontent );
}

jQuery("#foo").load("ajaxcontent.php", finishProcessing)

查看jQuery load的api

【讨论】：