您的位置：首页 > Web前端 > jquery > 正文

jquery next()

更多时间：2015-7-9 类别：Web前端浏览量：1223

jquery next()

jquery next()

jQuery中next()方法表示取得每个匹配的元素的后一个同辈元素的元素集合.

概念中有下面几点需要特别注意：

1、"紧邻"，也就是说获取的元素必须是匹配元素所紧邻的，中间不能够有其他的元素间隔。
2、"同辈"，也就是说获取的元素必须和匹配的是同级元素。
3、"后面"，也就是说获取的元素必须位于匹配元素的后面。

一、语法

.next(selector)

参数说明

selector：可选。筛选表达式。

二、jQuery中next()实例

1、将所有p元素后面紧邻的同辈元素的字体颜色设置为蓝色。



<script type="text/javascript">...
$(document).ready(function()...{
  $("p").next().css("color","blue")
})
</script> 

<li class="father">
<p>我是p元素</p>
<span>我是span元素</span>
<p>我是p元素</p>
<li>我是li元素</li>
</li>

2、将p元素后面紧邻的同辈元素中的span元素的字体衍射设置为蓝色


<script type="text/javascript">...
$(document).ready(function()...{
  $("p").next("span").css("color","blue")
})
</script> 

<li class="father">
  <p>我是p元素</p>
  <span>我是span元素</span>
  <span>我是span元素111</span>
  <p>我是p元素</p>
  <li>我是li元素</li>
</li>

标签：jquery

上一篇：移动端web页面使用position:fixed

下一篇：jquery中serialize方法对空格的处理

您可能感兴趣

jquery next()

jquery next()

热门推荐

排行榜