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>