JQuery 学习:选取临近节点

时间:2013-08-12 13:33 来源:互联网 作者:源码搜藏 收藏

Welcome! 欢迎来到简明现代魔法! 点下我看看会发生什么 next() 函数取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。这个函数只返回后面那个紧邻的同辈元素,而不是后面所有的同辈元素。可以用一个可选的表达式进行筛

Welcome!

欢迎来到简明现代魔法!

点下我看看会发生什么


next() 函数取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。这个函数只返回后面那个紧邻的同辈元素,而不是后面所有的同辈元素。可以用一个可选的表达式进行筛选。


Jquery Code

01 <script type="text/javascript">
02 $(document).ready(function() {
03    $("span").click(function (){
04         alert( $("p").next(".selected").html() );} )
05    // $("p").next().html()  也可以
06     
07 });
08 </script>
09  
10 <p>Welcome!</p><p class="selected">欢迎来到简明现代魔法!</p>
11 <div><span style="cursor:pointer; border:1px solid #b0e0e6; background-color:#fff5ee;">点下我看看会发生什么</span></div>

就是说,span 匹配的所有 p 中,离它最近的 p (<p class="selected">欢迎来到简明现代魔法!</p>)会被选中,然后输出它的 HTML 内容。


jQuery技术阅读排行

最新文章