Jquery中next()方法与prev()方法的使有和详解

在jQuery中，我们可以选择某个DOM元素进行获取和操作，但是有时候我们在操作某个元素的时候，也要对它相邻的的元素进行获取或是操作，那我们该如何去做呢，今天记录一个获取某个元素的相邻的上一个元素或相邻的下一个元素。

jQuery中的next()方法
next()方法，获取指定元素同辈的下一个元素

语法

$().next()

jQuery中的prev()方法
prev方法：获取指定元素同辈的上一个元素

语法

$().prev();

例子：
获取指定li标签的上一个元素并使字体为绿字，获取它的下一个元素使其字体为红色

JQ获取上一个元素，jQ获取下一个元素

HTML代码

<ul><li>我是第一个li标签</li><li>我是绿色的字体</li><li class="element">我是第三个li标签</li><li>我是红色的字体</li><li>我是第五个li标签</li>
</ul>

jQuery代码

$(".element").next().css("color","red");
$(".element").prev().css("color","green");

结果如下图

Jquery中next()方法与prev()方法的使有和详解相关推荐

JQuery中操作Css样式的方法
JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong> $("#tow").attr("class&q ...
流程代码中js报错，在javaScript或者jQuery中字符串比较没有equals()方法
问题: 流程走不下去. 原因: 在javaScript或者jQuery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==或者is()进行判断. //判断是否为未签约有风险等级 ...
jquery中prop()方法和attr()方法
接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...
js进阶 10-3 jquery中为什么用document.ready方法
js进阶 10-3 jquery中为什么用document.ready方法一.总结一句话总结: 1.document.ready和window.onload的区别:用哪个好? document. ...
html图片的隐藏与显示,Jquery中使用show()与hide()方法动画显示和隐藏图片
(1)功能描述在页面中单击"显示"连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式:单击已显示的图片时,通过hide()以 ...
jQuery中的append()和appendTo()方法
jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...
jQuery中的Ajax （六个Ajax的操作方法）细解！！！
jQuery中的Ajax 六个Ajax操作方法 load()方法 $.get()方法 $.post()方法 $.ajax()方法 $.getScript()方法 $.getJSON()方法 load( ...
Python字符串对齐方法（ljust()、rjust()和center()）详解
Python字符串对齐方法(ljust().rjust()和center())详解 Python str 提供了 3 种可用来进行文本对齐的方法,分别是 ljust().rjust() 和 cente ...
php 如何封装类库,ThinkPHP里的import方法用于类库导入的封装实现实例详解
ThinkPHP里的import方法用于类库导入的封装实现实例详解分类:PHP_Python| 发布:佚名| 查看: | 发表时间:2014/7/1 import方法是ThinkPHP框架用于类库导 ...
python把数据写入excel_Python读写sqlite3数据库的方法并且将数据写入Excel的实例详解...
这篇文章主要介绍了Python实现读写sqlite3数据库并将统计数据写入Excel的方法,涉及Python针对sqlite3数据库的读取及Excel文件相关操作技巧,需要的朋友可以参考下本文实例讲 ...

Jquery中next()方法与prev()方法的使有和详解

Jquery中next()方法与prev()方法的使有和详解相关推荐

最新文章

热门文章