如何使用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




