Jquery的节点遍历

//节点遍历.next()获得同辈“挨着”的第一个元素，.nextAll()方法是获得其后的所有元素，包括同辈的或是儿子辈孙子辈的等.siblings()获得同辈所有元素 $(function () {//为所有的p元素增加onclick事件 $("p").click(function () { alert($(this).next().text()); }); //获得点击元素之后的“挨着的”同辈(可以是p,也可以是div,只要是同辈并且挨着)第一个元素的Text,若没值则弹出空框 $("p").click(function () { alert($(this).next("div").text()); }); //获得点击元素之后的“挨着的”同辈第一个div元素的Text,若没值则弹出空框 $("p").click(function () { alert($(this).nextAll().text()); }); //获得点击元素之后的所有元素(无论是同辈与否，也无论是div还是p等)的Text,若没值则弹出空框 $("p").click(function () { alert($(this).nextAll("div").text()); }); //获得点击元素之后的所有div元素的Text,若没值则弹出空框 $("p").click(function () { $(this).css("background", "red"); $(this).siblings().css("background", "yellow"); }); //为当前点击的p元素背景置红，其它的“同辈”（不仅仅p）节点背景置黄，即高亮显示当前点击，不推荐 $("p").click(function () { $(this).css("background", "red").siblings().css("background", "yellow") });//推荐用此法 $("p").click(function () { $.each($(this).nextAll(), function () { $(this).css("background", "red") }) }); //使当前点击p之后的所有同辈节点背景变红，不推荐用此法 $("p").click(function () { $(this).nextAll().css("background", "red") }); //通常用此法，jquery的迭代

 

案例：评价系统：http://blog.csdn.net/pvfhv/archive/2011/02/05/6172942.aspx