首页 > 代码库 > 节点遍历
节点遍历
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type ="text/css"> p { display:inline; border :1px solid #0094ff; padding :2px 5px; background-color :#fff; margin:5px; } </style> <script src="http://www.mamicode.com/Scripts/jquery-1.8.2.js"></script> <script type="text/javascript" > $(function () { $("p").click(function () { // $(this).css("backgroundColor", "red").siblings().css("backgroundColor", "#fff"); //end()方法：回到最近一次“破坏性”操作之前，将匹配的元素列表变为前一次的状态 //所谓 破坏性 的操作 是指调用一系列jq方法过程中，某个方法返回的jq对象内部的dom数组和前面方法返回的jq对象里的dom数组不一样的时候，那么这个方法，就叫做破坏性方法 $(this).css("backgroundColor", "red").prevAll().css("backgroundColor", "#red").end().nextAll().css("backgroundColor", "#fff"); $(this).siblings();//获取所有的兄弟节点 $(this).prevAll();//获取前面的兄弟节点 $(this).nextAll();//获取后面的兄弟节点 }); }); </script></head><body> <p ></p> <p ></p> <p ></p> <p ></p> <p ></p> <p ></p></body></html>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。