在做一个很急的项目，遇到一个问题跪求解答，先感谢大家了，具体问题看下面描述

Question

先贴上图

具体需求是：

1.有一个表格如上图所示那样，表格中需要插入一个树；

2.树的结构层次只有两层；

3.父节点对应其右边会有一个“添加”按钮，子节点会有一个”删除“按钮；

4.右边对应的按钮会随左边树的合起和展开而消失或显示(如上面两张图)；

5.右边的按钮需要能方便绑定点击事件，添加按钮点击会有弹窗来进行用户搜索和用户选择，会将选择的用户添加到此"添加"按钮对应的根节点下面，即将作为它的一个子节点，删除按钮会向后台发送请求，如果删除成功，才会在前台视图删掉此子节点，否则不会删除；

6.其中，树的节点数据来源于后台，数据格式符合一般 树插件 的基本格式：

[
{  
   text:"rootNode1",
   children:[
      { text:"childNode1" }
    ]
  },
  {  
   text:"rootNode2",
   children:[
      { text:"childNode2" }
    ]
  }
]

7.对插件的要求随意，目前我使用的时jsTree，但之前没用过这个插件，也没接触过其他树插件，只会最基本的数据获取和基本展示。

其他重要需求：数据格式基本就是上面那样最基本的格式，希望最好不要对数据做任何操作；

现在的难点在于 上面提到的第3点、第4点和第5点；

希望能给具体的思路，最好有个比较完整的demo，只要能解决那三个难点就行，先谢谢大家了，真心感谢。

Answer 1

jsTree还没用过，不知道语法有什么区别。但是本来用jQuery写过用户留言，就有添加和删除，感觉很简单啊。如果对你有帮助我很高兴，如果是jsTree插件的问题导致问题和我想的不一样，也算打字练习了。1，父节点有个添加按钮是子节点同时显示和消失的，可以设置一个变量表示状态，在点击父节点时改变变量，根据变量的值决定是显示还是消失。hide()或display:none2，点击添加出现弹窗添加用户，弹窗不知道你是用控件还是自己写，自己写就是先设一个大DIV覆盖这个body，设置背影色，然后设置定位，层级要比其他元素都高。然后设置一个小DIV就是你要添加用户用的弹窗，设置它的定位层级最高就OK了。3，添加用户用$.ajax添加，后台数据返回成功后就可以append添加节点了，因为子节点有点击事件，父节点的添加点击事件要用on动态添加4，删除事件和添加差不多，还不用弹窗，就是js获取数据用ajax传给后台,后台成功删除，就js前台删除该元素了