你好,欢迎访问我的博客!登录 评论排行榜 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - JS/JQ - 正文 代码,改变世界!

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

2018-01-31JS/JQ墨初447°c
A+ A-

在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");

结果如下图

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

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
jQuery中next()方法与prev()方法的使有和详解

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


  用户登录