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

1、问题背景

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

2、实现源码

[html] view plain copy

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>查找标题</title>
<script type="text/javascript" src="js/jquery-2.2.3.js" ></script>
<script>
$(function(){
//查找h1-h6
$(":header").each(function(){
$(this).click(function(event){
console.info(event.target.innerText);
console.log(event.currentTarget.innerHTML);
});
});
});
</script>
</head>
<body>
<h1>Hello H1</h1>
<h2>Hello H2</h2>
<h3>Hello H3</h3>
<h4>Hello H4</h4>
<h5>Hello H5</h5>
<h6>Hello H6</h6>
</body>
</html>

3、实现结果

4、结果说明

（1）$(":header")

选择所有标题元素

（2）each函数

遍历h1-h6

（3）event.target.innerText

获取点击元素内容内容

（4）event.currentTarget.innerHTML

获取点击元素内容内容

时间： 2024-10-01 02:31:29

利用：header匹配所有标题做目录的相关文章

treeview自动从表中添加标题和列值做目录的方法2

treeview自动从表中添加标题和列值做目录的方法2,该方法是借鉴万一老师的 http://www.cnblogs.com/del/archive/2008/05/15/1114450.html 首先界面上添加treeview组件,然后在treeview的onchange事件里这样写: 因为要用到定义个过程,需要在接口声明里引用 private { Private declarations } /// <summary> /// 刷新左侧treeView /// </summary&g

CentOS7利用DNS和Nginx代理做内网域名解析

1,为了将生产环境和开发区分开,方便开发,将利用DNS和Nginx代理做内网域名解析. 环境要求: 服务器:CentOS7 64位 IP:192.168.1.49 DNS Nginx1.1 客户端:CentOS7 64位 IP:192.168.1.45 Gitlab 2.1,安装DNS服务 [[email protected] ~]# yum install bind bind-bind-libs 2.2,修改/etc/named.conf配置文件 [[email protected] ~]#

如何利用微软本身的库做个数据库客户端的配置

做C/S的朋友一般都有个窗体,用来配置应用的数据库连接语句,那这个窗体我们是自己写好呢还是调用微软现有的,当然这是智者见智,仁者见仁的问题,下面将简单介绍如何利用微软现有的来实现这么一个窗体. 首先我们需要在解决方案中引入如下三个库: 接下来事情会简单到出乎你意料之外,在我们需要打开窗体配置的地方写上如下代码: 1 DataConnectionDialog dialog = new DataConnectionDialog(); 2 //添加数据源列表,可以向窗口中添加自己程序所需要的数据源类型

poj 2446 Chessboard (二分图利用奇偶性匹配)

Chessboard Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 13176 Accepted: 4118 Description Alice and Bob often play games on chessboard. One day, Alice draws a board with size M * N. She wants Bob to use a lot of cards with size 1 * 2

利用正则表达式匹配输入内容 ----正则表达式

//利用正则表达式匹配输入内容 package regex; import java.util.Scanner; import java.util.regex.Matcher; import java.util.regex.Pattern; public class RegexTest { public static void main(String[] args) { // TODO Auto-generated method stub Scanner in = new Scanner(Sys

如何利用动态代理IP来做SEO（网络营销）

对动态代理IP大家都不陌生,今天我们来聊下如何利用动态代理ip来做SEO优化.其实除了SEO很多网络营销也都需要用到代理IP,因为很多网络营销的用户都知道,投票.注册帐号.发帖子等工作,都需要用到代理IP这个工具,才能毫无限制的操作. 动态代理IP对seo网站运营的影响: 我们在尝试运用动态代理IP之前,先说说咱们有什么常规化的seo优化方式去优化网站,其中要做好2点.第一点做好基本优化.第二点,深入认识搜索引擎: 1:做好基本优化:说的就是站内优化和站外优化.站内优化就是把网站优化的基础完善,

nginx利用location匹配url中?号后的参数

nginx利用location匹配url中?号后的参数 http://www.baidu.com/index.php?a=1&b=2location能匹配到url,但是匹配不到url后面的参数,例如:?a=1&b=2 需求:访问地址:https://www.aposoft.com/all-apowersoft/?from=edm 开发要求可不可以只是这个完整地址https://www.aposoft.com/all-apowersoft/?from=edm 跳转到404,然后https:/

利用易语言编写简单的目录扫描器

最近在参加小迪的培训,听到这目录扫描收获很大,把过程写下来做笔记. 一.先开发这个我们得首先知道目录扫描器的原理: 1.获取用户输入的url 2.把url和敏感目录关键字组合(比如:url:www.xxx.com 关键字:admin.asp 组合:www.xxx.com/admin.asp) 3.对组合的url进行发包 4.对返回包进行判断,对状态码200,403的进行输出(可自行定义) 二.代码实现部分: 1.界面设计:url输出框--------编辑框1 扫描键--------

yum搭建svn apache 利用钩子检出到web目录自动同步

目的: 服务器上搭建svn,和apache,利用svn的钩子实现本地修改,同步到web目录下,使用yum装. 一: 关闭selinux,关闭防火墙或者开放相关端口. [[email protected] python]# vim /etc/selinux/config [[email protected] python]# cat /etc/selinux/config # This file controls the state of SELinux on the system. # SE