本文主要介绍了jQuery实现获取h1-h6标题元素值的方法,涉及$(":header")选择器操作h1-h6元素及事件响应相关技巧,需要的朋友可以参考下，希望能帮助到大家。

1、问题背景：

查找到h1-h6，并遍历它们，打印出内容

2、实现代码：

查找标题

$(function(){

//查找h1-h6

$(":header").each(function(){

$(this).click(function(event){

console.info(event.target.innerText);

console.log(event.currentTarget.innerHTML);

});

});

});

Hello H1

Hello H2

Hello H3

Hello H4

Hello H5

Hello H6

3、运行效果图：

相关推荐：