如何使用jquery从iframe中的div获取文本

时间:2010-12-01 15:50:21

标签: jquery

我有一个使用iframe进行ajax样式文件上传的页面。当上传完成时,我正在向iframe写一个div,其中包含文件是否上传的状态。 iframe不可见,我用作表单的目标。这一切都很好,除了我无法弄清楚如何使用jquery获取div中的文本。我的iframe的id为upload_target,iframe中的div的id为uploadStatus。我认为以下内容可行,但事实并非如此。有谁知道我怎么做到这一点?感谢。

$("#upload_target").load(function () {
    alert($("#upload_target>  #uploadStatus").text());
 });

3 个答案:

答案 0 :(得分:1)

确保您的iframe也将name属性设置为upload_target,然后使用

alert($("#uploadStatus", frames['upload_target'].document).text());

答案 1 :(得分:0)

使用此代码...

$("#upload_target").load(function () {
    alert($("#uploadStatus").html());
 });

加载iframe后。您的div文本将是警报。

答案 2 :(得分:0)

如果您在 Iframe

中有 Div ,如下所示
 <iframe id="ifrmReportViewer" name="ifrmReportViewer" frameborder="0" width="980"

     <div id="EndLetterSequenceNoToShow" runat="server"> 11441551 </div> Or

     <form id="form1" runat="server">        
       <div style="clear: both; width: 998px; margin: 0 auto;" id="divInnerForm">          

            Some Text

        </div>
     </form>
 </iframe>

然后您可以使用以下代码找到 Div 的文字

var iContentBody = $("#ifrmReportViewer").contents().find("body");
var endLetterSequenceNo = iContentBody.find("#EndLetterSequenceNoToShow").text();

var divInnerFormText = iContentBody.find("#divInnerForm").text();

我希望这会对某人有所帮助。