利用：header匹配所有标题做目录

最新推荐文章于 2021-04-28 16:10:14 发布
最新推荐文章于 2021-04-28 16:10:14 发布
阅读量113 收藏
点赞数
文章标签： python javascript ViewUI
原文链接：https://my.oschina.net/jinhengyu/blog/1572234
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

1、问题背景

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

 

2、实现源码

 

[html]  view plain  copy
 
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8" />  
  5.         <title>查找标题</title>  
  6.         <script type="text/javascript" src="js/jquery-2.2.3.js" ></script>  
  7.         <script>  
  8.             $(function(){  
  9.                 //查找h1-h6  
  10.                 $(":header").each(function(){  
  11.                     $(this).click(function(event){  
  12.                         console.info(event.target.innerText);  
  13.                         console.log(event.currentTarget.innerHTML);  
  14.                     });  
  15.                 });  
  16.             });  
  17.         </script>  
  18.     </head>  
  19.     <body>  
  20.         <h1>Hello H1</h1>  
  21.         <h2>Hello H2</h2>  
  22.         <h3>Hello H3</h3>  
  23.         <h4>Hello H4</h4>  
  24.         <h5>Hello H5</h5>  
  25.         <h6>Hello H6</h6>  
  26.     </body>  
  27. </html>  

3、实现结果

 

 

4、结果说明

（1）$(":header")

        选择所有标题元素

（2）each函数

        遍历h1-h6

（3）event.target.innerText

        获取点击元素内容内容

（4）event.currentTarget.innerHTML

        获取点击元素内容内容

版权声明：本文为博主原创文章，未经博主允许不得转载。

转载于:https://my.oschina.net/jinhengyu/blog/1572234

weixin_34244102
关注
jQuery实现获取h1-h6标题元素值的方法
10-20
$(":header")是jQuery中的一个选择器，它能选中所有的h1到h6标题元素。这是因为它匹配了所有的HTML标题标签，从h1开始到h6结束。 #### 3. 遍历元素 遍历元素是jQuery中的一个操作，允许开发者对选定的元素集合进行...
CMake中include_directories的使用
网络资源是无限的
11-26 2万+
CMake中include_directories的使用
linux-headers 目录,Linux基础：目录名称含义，监测程序
weixin_33877700的博客
04-28 797
Linux 文件系统常见Linux目录名称：目录用途/虚拟目录的根目录。通常不会在这里存储文件/bin二进制目录，存放许多用户级的GUN工具/boot启动目录，存放启动文件/dev设备目录，Linux在这里创建设备节点/etc系统配置文件目录/home主目录，Linux在这里创建用户目录/lib库目录，存放系统和应用程序的库文件/media媒体目录，可移动媒体设备的常用挂载点/mnt挂载目录，另一...
CMake 基本操作基本头添加
weixin_40374201的博客
09-23 722
CMake 基本操作以及头添加 CMake Github 参考学习网站 基本结构 需要CMakeList.txt 和相关的代码文件 cmake_minimum_required(VERSION 2.6) project (hello_cmake) add_executable(${PROJECT_NAME} main.cpp) 常用CMake命令 描述 cmake_minimun_required 设置所需最低版本 project 设置工程名 add_executable 规定编译
cmake的INCLUDE_DIRECTORIES命令不起作用
lichengyu的专栏
01-11 3万+
按照《CMake Practice》中第六章的设置，采用INCLUDE_DIRECTORIES命令去寻找共享库的路径，src/CMakeLists.txt如下：ADD_EXECUTABLE(main main.c) INCLUDE_DIRECTORIES(/tmp/include/hello) LINK_DIRECTORIES(/tmp/lib/) TARGET_LINK_LIBRARIES(mai
CMake里面怎么递归地设定头文件的搜索目录
d_o_n_g2的博客
08-03 1万+
本文内容要点：1. 多目录下，头文件路径包含2. 项目依赖关系设置3. 发现的一些问题本文涉及到的CMake命令：project(name) : 设置project的名字为name。add_dependencies：设置依赖关系add_subdirectory：添加子目录add_executable：添加可执行文件add_library：添加库cmake_minimum_required：设置cm
C++ header-only JSON library.zip
最新发布
01-05
标题 "C++ header-only JSON library.zip" 暗示了一个专为C++设计的轻量级库，该库仅依赖头文件（header-only），用于处理JSON（JavaScript Object Notation）数据格式。JSON是一种广泛使用的数据交换格式，因其简洁...
test2videoheader
02-18
在"test2videoheader-master"这个项目中，开发者可能利用了以上的一些或所有技术，创建了一个具有动态视频背景的头部组件。通过研究源代码，我们可以学习如何巧妙地运用CSS来实现这样的效果，提升自己的前端开发技能...
AWS Extend Console Header-crx插件
04-02
用户可以利用正则表达式这一强大的文本匹配工具，改变AWS控制台页面标题的颜色。正则表达式允许用户灵活地定义匹配规则，以便在特定的AWS服务或资源页面上应用特定颜色，从而提高可读性和辨识度。 2. **设置保存与...
标题中带有过滤器的ASP.NET Gridview
04-05
实现标题行过滤功能的关键在于利用GridView的HeaderRow中的Cell元素。我们可以为每个列添加一个文本框或下拉框作为过滤输入字段，并监听用户的输入事件，实时更新数据源，从而达到过滤效果。 以下是一些实现步骤： ...
[CMake] include_directories 和 target_include_directories
weixin_43742643的博客
03-29 3389
参考这篇 文章 target_include_directories 的功能完全可以使用 include_directories 实现。 include_directories(header-dir) 是一个全局包含，向下传递。就是说如果某个目录的 CMakeLists.txt 中使用了该语句，其下所有的子目录默认也包含了header-dir 目录。 在最终子目录的 CMakeLists.txt 文件中，使用 include_directories 和 target_include_directories
jQuery 实现支持分级标题标签的文章目录
weixin_34200628的博客
04-21 284
背景 首个版本 www.ouorz.com/366 修改意见 鉴于单个 H 标签设置比较麻烦纠结，而且有主题用户反馈，索性改成可以分级的啦 代码 var count_ti = count_in = count_ar = count_sc = count_hr = count_e = 1; var offset = new Array; $('.article-content h3').each(...
博客园如何设置目录生成&设置目录&设置标题背景色&修改标题背景色
weixin_33946605的博客
04-10 246
前提 注意： 　　请先申请开通ＪＳ接口！！如果你还没有开通Js权限，你打开博客设置里面就有，提示你发送邮件到contact@cnblogs.com申请Js权限。 　　今天帮朋友设置后台代码，发现怎么都没有效果，看了下忽略了ＪＳ接口； 　　因为插入的代码大多有JS功能，不申请开通JS功能自然无法支持JS效果。 　　网上看了很多博客也都没提及这点，感觉是个坑，So，需要的...
HTML中的header标签怎么用？HTML中header标签的作用_header标签正确用法
panda_2022的博客
06-06 4万+
  为了更好地处理今天的互联网应用，HTML5添加了很多新标签及功能，其中header标签是今天讨论的内容。我们将讨论HTML中的header标签怎么用？HTML中header标签的作用，header标签正确写法。   header标签是HTML5中新增的语义化标签，用于定义文档的页眉（介绍信息）。header标签通常至少包含（但不限于）一个标题标记（<h1>–<h6>），还可以包含文档流中的其他内容，如logo或搜索表单,还可以在header标签中包含nav标签。需要注意的是，he
gcc: 怎么显示包含的header文件里有没有想要的哪一个
mzhan017的博客
04-20 178
gcc -MM -MM Like ‘-M’ but do not mention header files that are found in system header directories, nor header files that are included, directly or indirectly, from such a header. This implies that the choice of angle brackets or double quotes in an ‘#inclu
CMakeList1 将源文件编译成可执行文件
zy1024的博客
09-08 2400
一、将单个源文件编译成可执行文件 1.cmake版本要求，可以用cmake -version查看当前系统的cmake版本 cmake_minimum_required (VERSION 3.5) 2.指示工程名称 project(recipe-01) 3.创建build目录，在build目录下配置项目 $ mkdir -p build $ cd build $ cmake .. 4.编译可执行文件 $ cmake --build . 如果没问题，则在build目录下会生成可执行
cmake学习笔记之add_library、target_link_libraries和link_directories
热门推荐
bigdog_1027的博客
01-20 24万+
cmake是Linux（这里默认是Ubuntu系统）下常使用的编译C++的工具，而使用cmake就需要先在CmakeLists.txt文件中对编译规则进行。这里介绍常用的三种指令add_library、target_link_libraries和link_directories，该笔记主要参考了cmake官网给的教程，如有需要请访问以下网址： https://cmake.org/cmake/he
header("Location:/")解析
liuzp111的专栏
07-07 5028
1.首先建立一个文件夹test，然后建立一个test.p
jQuery命令大全：快速掌握与应用
- `:header`：选择所有标题元素，如`<h1>`到`<h6>`。 - `:animated`：选择正在进行动画的元素。 - `:contains(text)`：选择包含指定文本的元素。 - `:empty`：选择没有子节点的元素。 - `:hidden` 和 `:visible...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值