javascript - 通过jquery的load 加载另一个html文件 怎么获取里面的文本?
大家讲道理
大家讲道理 2017-04-11 11:21:17
[JavaScript讨论组]

通过jquery的load 加载另一个html文件 怎么获取里面的文本?

注:另一个页面的内容如图:

为什么console.log出来是个空数组

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
迷茫

试试:

$('.test').load('test.html',(text)=>{
    $(text).find('.success').text()
})
PHP中文网

给你个例子(例子有点丑 见谅)
先贴代码:

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("#p1").load("1.html #demo");
            console.log($("#demo").text())
        });
    });
</script>

然后贴效果图:(说明一下,console.log()在load把页面加载出来的时候还是没有打印 是我又重新点了一下按钮才出来的)

鉴于你的问题
然后我又写了一个

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("#p1").load("1.html ");
            console.log($("#demo").text())
        });
    });
</script>

这里边说明 你获取的是没有问题的

    $(document).ready(function(){
            $("#p1").load("1.html ");
            console.log($("#demo").text())
    });

这样直接打印 确实console.log()为空

    $(document).ready(function(){
        setInterval(function () {
            $("#p1").load("1.html ");
            console.log($("#demo").text())
        },400)


    });

然后我写了一个定时器
发现它打印了(一开始是空的 第二次加载load才是有值得)

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号