Jquery的节点遍历

<textarea cols="50" rows="15" name="code" class="javascript"> //节点遍历.next()获得同辈&ldquo;挨着&rdquo;的第一个元素，.nextAll()方法是获得其后的所有元素，包括同辈的或是儿子辈孙子辈的等.siblings()获得同辈所有元素 $(function () {//为所有的p元素增加onclick事件 $("p").click(function () { alert($(this).next().text()); }); //获得点击元素之后的&ldquo;挨着的&rdquo;同辈(可以是p,也可以是div,只要是同辈并且挨着)第一个元素的Text,若没值则弹出空框 $("p").click(function () { alert($(this).next("div").text()); }); //获得点击元素之后的&ldquo;挨着的&rdquo;同辈第一个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元素背景置红，其它的&ldquo;同辈&rdquo;（不仅仅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的迭代 </textarea>

 

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