jQuery遍历之同级遍历

html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>jquery</title>
		<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
		<script type="text/javascript" src="js/try.js" ></script>
		<style>
			 .div * {
			 	display: block;
			 	width:300px;
			 	padding:8px;
			 	margin: 10;
			 	color:seagreen;
			 	border:4px solid seagreen;
			 }
		</style>

	</head>
	<body>
		<div class="div">
			<p>P</p>
			<h2>h2</h2>
			<h3>h3</h3>
			<h4>h4</h4>
			<h5>h5</h5>
			<h6>h6</h6>
		</div>
	</body>
</html>

　　1.sibings() 同级元素全部修改 h4

2.next() 下一个元素修改 h4

3.nextAll() 下面元素全部修改 h4

4.nextUntil() 下面元素的区间修改 h2 到h6

5.prev 上一个元素修改 h4

6.preAll 上面元素全部修改 h4

7.preUntil 下面元素的区间修改 h4到p

修改方法就可以例如：preAll prev

$(document).ready(function(){
       $("h4").prevUntil("P").css({border:"4px solid  black"})  

});

时间： 2024-10-12 20:41:42

jQuery遍历之同级遍历的相关文章

jQuery dom树中横行遍历的方法你记住了吗

在DOM树中横向遍历在DOM树中有许多有用的jQuery方法可以横向遍历: siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil() jQuery siblings()方法 siblings()方法返回所选元素的所有兄弟元素. 以下示例返回<h2>的所有同级元素: <!DOCTYPE html> <html> <meta charset="UTF-8"> &

CSS优先级问题以及jQuery中的.eq()遍历方法和:eq()选择器的差别

在写一个TAB选项卡的时候遇到几个有意思的问题,记录下来先把代码贴出来 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="

jquery包装器遍历和数组遍历小结

//jquery数组遍历 var arr = [1,2,3]; $.each(arr, function(i,val){ console.log(i); console.log(val); }); 0,1 1,2 2,3 下面这个还可以多看看,高程P96 //js数组遍历 5中 var numbers = [1,2,3,4,5,6]; var everyResult = numbers.every(function(item,index,array){ console.log(item); co

原生JS forEach()和map()遍历，jQuery$.each()和$.map()遍历

一.原生JS forEach()和map()遍历共同点: 1.都是循环遍历数组中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input. 3.匿名函数中的this都是指Window. 4.只能遍历数组. 1.forEach() 没有返回值,修改的是原数组. var ary = [12,23,24,42,1]; var res = ary.forEach(function (item,index

jQuery 遍历:jQuery 遍历什么是遍历？

jQuery 遍历什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止. 下图展示了一个家族树.通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞).这种移动被称为对 DOM 进行遍历. 图示解析: <div> 元素是 <ul> 的父元素,同时是其

leetcode | 二叉树的前序遍历、中序遍历、后续遍历的非递归实现

Binary Tree Preorder Traversal:https://leetcode.com/problems/binary-tree-preorder-traversal/ Binary Tree Inorder Traversal :https://leetcode.com/problems/binary-tree-inorder-traversal/ Binary Tree Postorder Traversal:https://leetcode.com/problems/bin

图的广度遍历和深度遍历

/* 图的遍历方法主要有两种:一种是深度优先遍历,一种是广度优先遍历.图的深度优先遍历类同于树的先根遍历,图的广度遍历类同树的层次遍历一:连通图的深度优先遍历算法图的深度优先遍历算法是遍历时深度优先的算法,即在图的所有邻接顶点中,每次都在访问当前顶点后,首先访问当前顶点的第一个邻接顶点. 连通图的深度优先遍历递归算法如下: 1.访问顶点v并标记顶点v已访问. 2.查找顶点v的第一个邻接顶点w. 3.若顶点v的邻接顶点w存在,则继续执行,否则算法结束. 4.若顶点w尚未被访问,则深度优先遍历递

二叉树的中序、先序、后序遍历非递归遍历算法（使用堆栈，用循环实现）

1 typedef struct TreeNode *BinTree; 2 typedef BinTree Position; 3 struct TreeNode{ 4 ElementType Data; 5 BinTree Left; 6 BinTree Right; 7 }; 8 BinTree BT; 9 void InOrderTraversal(BinTree BT)//中序遍历非递归遍历算法(使用堆栈,用循环实现) 10 { 11 BinTree T=BT; 12 Stack S=C

数据结构之二叉树---求二叉树后序遍历和层次遍历（先建树，再遍历）

数据结构实验之求二叉树后序遍历和层次遍历 Time Limit: 1000MS Memory limit: 65536K 题目描述已知一棵二叉树的前序遍历和中序遍历,求二叉树的后序遍历. 输入输入数据有多组,第一行是一个整数t (t<1000),代表有t组测试数据.每组包括两个长度小于50 的字符串,第一个字符串表示二叉树的先序遍历序列,第二个字符串表示二叉树的中序遍历序列. 输出每组第一行输出二叉树的后序遍历序列,第二行输出二叉树的层次遍历序列示例输入 2 abdegcf dbgeaf