简明现代魔法 -> JQuery -> JQuery 学习：选取临近节点

JQuery 学习：选取临近节点

2010-05-07

效果演示

Welcome!

欢迎来到简明现代魔法！

点下我看看会发生什么

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

Jquery Code

<script type="text/javascript"> $(document).ready(function() { $("span").click(function (){ alert( $("p").next(".selected").html() );} ) // $("p").next().html() 也可以 }); </script> <p>Welcome!</p><p>欢迎来到简明现代魔法！</p> <div><span>点下我看看会发生什么</span></div>

就是说，span 匹配的所有 p 中，离它最近的 p （<p>欢迎来到简明现代魔法！</p>）会被选中，然后输出它的 HTML 内容。