1、next([expr])：

获取指定元素的下一个同级元素（注意是下一个同级元素哦）

参数可有可无，参数设定遵循jquery选择器规则

<!DOCTYPE html>

<html>

<head>

  <script type="text/javascript" src="/jquery/jquery.js"></script>

</head>

<body>

<ul>

   <li>list item 1</li>

   <li>list item 2</li>

   <li class="third-item">list item 3</li>

   <li>list item 4</li>

   <li>list item 5</li>

</ul>

<script>

$('li.third-item').next().css('background-color', 'red');

</script>

</body>

</html>

这个例子的结果是，只有list item 4背景色变为红色

2、nextAll([expr]):

获取指定元素后边的所有同级元素

Hello

Hello Again

<div><span>And Again</span></div>

var p_nex = $("p").nextAll();

p_nex.addClass('p_next_all');

注意看最后一个”<p&gt”标签哦，也被加上了’p_next_all’这个类名哦~~

3、andSelf():

获取指定元素后边的所有同级元素，之后加上指定的元素

我感觉这个函数是最有意思的一个函数了，什么意思？直译过来就是”还有我“,”还有自己”,没错，还有自己。

<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>

var p_nex = $("p").nextAll().andSelf();

p_nex.addClass('p_next_all');

注意看第一个“<p>”标签啊，这句话的意思是选择p标签后面的所有同级标签，以及自己。。。

以下这两个不举具体的例子了，实际上就是next()和nextAll()的相反喽

4、prev()：获取指定元素的上一个同级元素（是上一个哦）。

5、prevAll()：获取指定元素的前边所有的同级元素。

var pageValue = $("#pageValue").val();

    alert("增加或者减少一页"+pageValue);

    var obj = $(".left_div_page_a_HOVER");

    $(obj).toggleClass("left_div_page_a_HOVER");

    if( faZ == 1 ){

        if( pageValue > 1){

            pageValue = pageValue - 1;

            obj.prev("a").toggleClass("left_div_page_a_HOVER");

        }

    }else{

        if( pageValue < 123){

            pageValue = pageValue + 1;

            obj.next("a").toggleClass("left_div_page_a_HOVER");

        }

    }

    $("pageValue").val(pageValue);

Jquery-获取同级标签prev,prevAll,next,nextAll的更多相关文章

  1. 用jquery获取select标签中选中的option值及文本

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  2. jQuery获取同级元素

    next()相邻下一个同级元素 prev()相邻上一个同级元素 siblings()所有同级元素 $("#id").next(); $("#id").prev( ...

  3. jQuery获取相邻标签的值

    <!-- Mazey's jQuery --><script language="javascript" type="text/javascript&q ...

  4. JQUERY获取html标签自定义属性值或data值

    //获取属性值 1 <div id="text" value="黑哒哒的盟友"><div> jQuery取值: $("#tex ...

  5. jQuery获取兄弟标签的文本

    // 一个div里面有一个span标签和多个button标签,每个button标签都有id,span标签没有id,通过点击其中一个button标签,来获取到span标签的text function ( ...

  6. Jquery获取html标签，包含该标签本身

    $(".test").prop("outerHTML"); 原生JS DOM里有一个内置属性 outerHTML,用来获取当前节点的html代码(包含当前节点) ...

  7. jQuery获取各种标签的文本和value值

    <select id="test"> <option value ="volvo">Volvo</option> <o ...

  8. 用jquery获取A标签href参数

    <a href="echo.php?id=14">提交</a> 取href中的id值14 <script> $(function () { $( ...

  9. Jquery获取select标签的值、文本方式

    <script> function add(){            var prop_name=$("#prop").find("option:selec ...

随机推荐

  1. 敬爱的GitHub” —— 致GitHub的一封地下信 　　英文原文："Dear GitHub…" An Open Letter to GitHub

    敬爱的GitHub” —— 致GitHub的一封地下信 英文原文:"Dear GitHub…" An Open Letter to GitHub 最近,一个由开源名目(包含一些最盛 ...

  2. 深搜+剪枝 POJ 1724 ROADS

    POJ 1724 ROADS Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 12766   Accepted: 4722 D ...

  3. 边工作边刷题：70天一遍leetcode: day 83

    Find the Duplicate Number 要点:通过Pigeonhole principle对值空间做binary search,具体来说, low,mid,high都是值空间,所以范围是[ ...

  4. 一个CentOS7的开发环境部署，包括防火墙|VPN|多IP多网关|HTTP代理服务器设置等

    http://www.lenggirl.com/code/centos7.html layout: post title: "一个CentOS7的开发环境部署,包括防火墙|VPN|HTTP代 ...

  5. UVA 11992 Fast Matrix Operations (二维线段树)

    解法:因为至多20行,所以至多建20棵线段树,每行建一个.具体实现如下,有些复杂,慢慢看吧. #include <iostream> #include <cstdio> #in ...

  6. [3D跑酷] DataManager

    DataManager管理游戏中数据,当然这个类中大部分的属性和方法都是Public 函数列表

  7. 关于“服务器提交了协议冲突. Section=ResponseStatusLine"问题

    你的问题的原因是这样的,ASP.Net 2.0 增强了安全性,对一些有危害的http 头进行了判断,比如url中有空格的情况,以帮助网站提高网络攻击的防御能力.如果你的http头中有一些ASP.NET ...

  8. Sql Server UniCode编码解码

    ); set @s = N'揶'; select UniCode(@s),nchar(UniCode(@s)); 在 SQL Server 中处理 Unicode 字串常数时,您必需在所有的 Unic ...

  9. C#中的bitmap类和图像像素值获取方法

    一．Bitmap类 Bitmap对象封装了GDI+中的一个位图,此位图由图形图像及其属性的像素数据组成.因此Bitmap是用于处理由像素数据定义的图像的对象.该类的主要方法和属性如下: 1. GetP ...

  10. 结合C++和GDAL实现shapefile（shp)文件的读取

    工具:vs2012+GDAL 2.0 数据:中国省界SHP文件bou2_4p.shp   可点击下载 包含头文件: #include "ogrsf_frmts.h" 代码: int ...