jquery如何获取当前元素的下一个元素

jquery如何获取当前元素的下一个元素:

本章节介绍一下如何利用jquery获取当前元素的下一个元素，如何利用原生js获取下一个元素可以参阅原生js获取当前元素的下一个元素代码实例一章节，下面直接看代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
  $("#bt").click(function(){
    $("#box li").eq(1).next().css("color","red");
  })
})
</script> 
</head> 
<body> 
<ul id="box">
  <li>蚂蚁部落一</li>
  <li>蚂蚁部落二</li>
  <li>蚂蚁部落三</li>
  <li>蚂蚁部落四</li>
  <li>蚂蚁部落五</li>
</ul>
<input type="button" id="bt" value="查看效果"/>
</body> 
</html>

以上代码使用next()函数即可获取第二个元素的下一个元素，并将其的字体颜色设置为红色。

原文地址是:jquery如何获取当前元素的下一个元素一章节。

时间： 2024-10-12 23:28:32

jquery如何获取当前元素的下一个元素的相关文章

jQuery获取当前元素的上一个元素

jQuery获取当前元素的上一个元素: 本章节介绍一下如何利用jquery获取当前元素的下一个元素,如何利用原生js获取下一个元素可以参阅原生js获取当前元素的上一个元素代码实例一章节, 下面直接看代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texia

javascript 获取dom书的下一个节点。

利用javascript 写一个在页面点击加减按钮实现数字的累加.. 简略的html大概如此.看得懂就好不要在意这些细节啊 1 <input type="button" value="+" onclick="jia(this)" /> 2 <label class="num">0</label> 3 <input type="button" value="

jQuery -&gt; 获取／设置／删除DOM元素的属性

jQuery的属性操作很easy,以下以一个a元素来说明属性的获取/设置/删除操作 <body> <a>jquery.com</a> </body> 加入?属性 $('a').attr('href', 'http://www.jquery.com') 加入?多个属性 $('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'}) 获取属性 $('a').attr('href') clas

JS函数：返回下一个元素节点

1 //寻找先一个元素节点的函数,把一个元素的下一个节点(nextSibing)作为参数传给该函数,经过筛选返回元素节点 2 function nextElementSiblings(node){ 3 if(node.nodeType == 1){ 4 return node; 5 } 6 if(node.nextSibling){ 7 return nextElementSiblings(node.nextSibling); 8 } 9 return null; 10 }

【趣味算法题】在数组中，对于所有元素，找出比当前元素大的下一个元素

在数组中,对于所有元素,找出比当前元素大的下一个元素意思就是,eg. 数组为 3 1 2 5 4 6 7 那么我们需要得到的结果应该是 5 2 5 6 6 7 -1 解决方法如下: 暴力匹配: O (n ^ 2 ) 的效率对所有元素匹配过去,效率非常的低经过提示, 我想到的一种 O ( nlg n ) 效率的算法只需要对数组扫描一次,我们用一个 Priority_queue 来得到当前最小的元素 Prority_queue 存放的数据结构为: struct sc { int key,

找到下一个“元素节点”通用函数

//下一个元素节点通用函数 function getNextElement(node){ if(node.nodeType == 1){ return node; } //元素下一个节点,继续执行本次函数,循环,一直到找到下一个元素节点为止,则退出本次循环 if(node.nextSibling){ return getNextElement(node.nextSibling); } return null; }

DOM设置下一个元素的CSS样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS-DOM</title> <script src="addLoadEvent.js"></script> <link rel="stylesheet" type="text

php 获取数组第一个元素以及最后一个元素

current() 函数返回数组中的当前元素的值. 每个数组中都有一个内部的指针指向它的"当前"元素,初始指向插入到数组中的第一个元素. end() - 将内部指针指向数组中的最后一个元素,并输出next() - 将内部指针指向数组中的下一个元素,并输出prev() - 将内部指针指向数组中的上一个元素,并输出reset() - 将内部指针指向数组中的第一个元素,并输出each() - 返回当前元素的键名和键值,并将内部指针向前移动 <?php $tmp = array('a',

javascript判断一个元素是另外一个元素的子元素

javascript判断一个元素是另外一个元素的子元素用途有很多,最常用的就是当点击页面的空白处去执行某些操作,比如弹出层等. function isParent (obj,parentObj){ while (obj != undefined && obj != null && obj.tagName.toUpperCase() != ‘BODY’){ if (obj == parentObj){ return true; } obj = obj.parentNode;