折叠子节点

以前一个现在不用的帐号发布的随笔，现在人肉搬过来吧。
注册用户有一段时间了，一直很忙，到现在还没有写一篇，忽然觉的一定要花点时间记录和总结一些东西。好吧，就从这里开始了。

今天客户提出要点击菜单（TreeView实现的）的父级节点时，展开节点。心想这个应该是很常见的功能吧，特意google了一下，发现大部分是将的不是js实现的，有些js实现的写的麻烦，干脆自己写一个吧，应该不难的。

首先思路是，

，让文本点击的时候执行左边‘+"号的事件，查看源码看到，‘+"号的事件是：
javascript:TreeView_ToggleNode（ctl00_body__menuTree_Data,0,document.getElementById（"ctl00_body__menuTreen0"）," ",document.getElementById（"ctl00_body__menuTreen0Nodes"））
Ok,接下来就是筛选出所有的父级节点，加上处理事件就ok了，下面是完整代码：
复制代码代码如下:
<script type="text/javascript">
$（）.ready（function（）
{
$（"img[src$=tv_NoExpend.jpg]"）.each（function（）//筛选出所有的父级node
{
//ctl00_body__menuTreet4i//父级node的id是这样的规则:ctl00_body__menuTreet加id加i
var id = $（this）.parent（）.attr（"id"）.replace（"ctl00_body__menuTreet",""）.replace（"i",""）;
var nId = "ctl00_body__menuTreen"+id;
BindExpandJs（$（"#ctl00_body__menuTreet"+id+"i"）,nId）;//给‘文件夹"图片绑定事件
BindExpandJs（$（"#ctl00_body__menuTreet"+id）,nId）; //给"文本节点"绑定事件 }）;
}）;
function BindExpandJs（obj,nId）
{
$（obj）
.css（"cursor","pointer"）
.removeAttr（"href"）
.click（function（）
{
TreeView_ToggleNode（ctl00_body__menuTree_Data,0,document.getElementById（nId）," ",document.getElementById（nId+"Nodes"））;
}）;
}
</script>