jquery next()方法

next是同胞选择器。举个例子

<!DOCTYPE html>
<html>
<head>
 <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>

<body>
  <p>Hello</p>
  <p>Hello Again</p>
  <p>I am wrong</p>

<script>
    $("p").next().css("background","yellow");

</script>

</body>
</html>

结果如下(一共有三个p标签,选择了其中两个)

image.png

进阶用法

<!DOCTYPE html>
<html>
<head>
 <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>

<body>
  <p>Hello</p>
  <p class="c">Hello Again</p>
  <p>I am wrong</p>

<script>
    $("p").next(".c").css("background","yellow");

</script>

</body>
</html>

这个结果如下,在选择同胞的基础上又进一步筛选了class为c的。

image.png

参考
jQuery 遍历 - next() 方法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 680评论 0 3
  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 1,055评论 0 9
  • 1:jQuery节点创建与属性的处理 创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构...
    码农小杨阅读 639评论 0 1
  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 868评论 0 8
  • 孩子们进入一年级了,相信很多老师都强调了规矩的重要性,家长们一定也很想配合老师把规矩做好,可是,小学生究竟有哪些规...
    彻夜谈阅读 24,002评论 0 15