You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何使用jQuery获取h1标签内包含HTML结构的全部内容?

获取h1标签包含HTML结构的全部内容(jQuery实现)

嘿,这个需求其实挺容易搞定的,jQuery里有专门的方法能帮你拿到包含子标签在内的完整内部内容,我给你分享两个实用的方式:

  • 使用html()方法(最直接的方案)
    这个方法是jQuery获取元素内部HTML内容的标准操作,它会返回包括所有子标签、文本在内的完整结构。针对你的HTML代码,对应的写法是:

    // 获取页面中第一个h1标签的完整内部内容
    const h1FullContent = $('h1').html();
    console.log(h1FullContent);
    

    执行这段代码后,你会得到和原h1内部完全一致的内容:<span> <span> Sony </span> </span> Televisies

  • 精准定位(适配多h1场景)
    如果页面里不止一个h1标签,为了避免获取错误的内容,建议给目标h1加个专属标识(比如类名或ID):

    <h1 class="sony-tv-title"> <span> <span> Sony </span> </span> Televisies </h1>
    

    再用类选择器精准获取:

    const targetContent = $('.sony-tv-title').html();
    

    这样就不会拿到其他h1的内容啦~

内容的提问来源于stack exchange,提问作者Jenssen

火山引擎 最新活动