简明现代魔法 -> 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 class="selected">欢迎来到简明现代魔法!</p>
<div><span style="cursor:pointer; border:1px solid #b0e0e6; background-color:#fff5ee;">点下我看看会发生什么</span></div>

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

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们