本文主要介绍了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、运行效果图：

php获取h1,jQuery获取h1-h6标题元素值方法实例相关推荐

html name选择器,2种用jQuery按name属性选择元素的方法
学习2种用jQuery按name属性选择元素的方法,拿走不谢! 给定一个HTML文档,如何使用jQuery按name属性选择元素? 在jQuery中,可以使用2个方法通过name属性选择元素:下面就来 ...
html获取边缘元素,JQuery 获取元素到浏览器可视窗口边缘的距离
获取元素到浏览器可视窗口边缘的距离 by:授客 QQ:1033553122 1.测试环境 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/fro ...
kindeditor获取html,jquery获取kindEditor值
KE.show({ id: 'txtMessage', imageUploadJson: '/ajax/Manager/keupload.ashx?ptype=news', fileManagerJs ...
Request 分别获取具有相同 name 属性表单元素值—— 怀念 Classic ASP （转自博客园）
html 中是允许多个具有相同name属性的元素的,例如 <div> <input name="txtName" id="txtFirstName&qu ...
Request 分别获取具有相同 name 属性表单元素值
html 中是允许多个具有相同name属性的元素的,例如 <div> <input name="txtName" id="txtFirstName&qu ...
python获取游戏窗口_python中pygame针对游戏窗口的显示方法实例分析(附源码)
本文实例讲述了python中pygame针对游戏窗口的显示方法.分享给大家供大家参考,具体如下: 在这篇教程中,我将给出一个demo演示: 当我们按下键盘的'f'键的时候,演示的窗口会切换到全屏显示和 ...
vue封装jquery修改自身以及兄弟元素的方法
在项目中我们经常有,点击某一个元素让其自身样式发生变化,同时其兄弟元素改变的需求,最简单的就是通过Jquery来操作,但是如果需求多的话,那么我们就可以对这个方法进行封装,然后再引入使用.今天我们就来 ...
jQuery 取选中的radio的值方法
var val=$('input:radio[name="sex"]:checked').val(); 附三种方法都可以: $('input:radio:checked').val ...
JQuery 获取本地图片的方法
个人网站名称:Advance 网站地址:https://jiaoqianjin.cn/ 须知少时凌云志,曾许人间第一流. 获取本地图片可以使用FileReader对象中的readAsDataURL方法 ...

php获取h1,jQuery获取h1-h6标题元素值方法实例