选中状态改变，并且实现左边选中便便添加

            $('.tr_detail>td').click(function () {
                $('#waring').show('slow');
                $("#list tr").sorted({
                    reversed: true
                });
                var i = $(this).find('i');
                if (i.attr('class') == 'tip-down') {
                    i.attr('class', 'tip-up');
                } else {
                    i.attr('class', 'tip-down');
                }
            })

            $("#add").click(function () {
                        var arrTr = [];
                        var val = [];
                        var l = $(".information").length;
                        for (var i = 0; i < l; i++) {
                            if ($(".information").eq(i).hasClass("selectTC")) {
                                val.push($(".information").eq(i).html());
                            }
                        }
                        if (val.length === 0) {
                            alert("请选择权限");
                        } else {
                            for (var i = 0; i < l; i++) {
                                if ($(".information").eq(i).hasClass("selectTC")) {
                                    val.push($(".information").eq(i).html());
                                    //取出每个选中的头和下面的选项，并且放进一个数组中分别用th和tr存起来
                                    var tr = [];
                                    for (var j = 0; j < $(".information").eq(i).parent().find("ul li a").length; j++) {
                                        if ($(".information").eq(i).parent().find("ul li a").eq(j).hasClass("selectTC")) {
                                            tr.push($(".information").eq(i).parent().find("ul li a").eq(j).html());
                                        }
                                    }
                                    arrTr.push({
                                        th: $(".information").eq(i).html(),
                                        tr: tr
                                    })
                                }
                            }
                        }
//                        console.log("arrTr:" + JSON.stringify(arrTr));
                        var str = "";
                        for (var i = 0; i < arrTr.length; i++) {
                            var l = $("#addOrDel").find("div").length;
                            var num = 0; //用来判断是否有重复的头
                            var dijige = 0;//用来记录是第几个重复了
                            for (var m = 0; m < l; m++) {
                                console.log($("#addOrDel").find("div a:first-child").eq(m).html());
                                if ($("#addOrDel").find("div a:first-child").eq(m).html() === arrTr[i].th) {
                                    dijige = m;
                                    num++;
                                }
                            }
                            if (num === 0) {
                                str = '<div id="user1"><a class="one">' + arrTr[i].th + '</a>';
                                str += '                    <ul class="kid">';
                                for (var j = 0; j < arrTr[i].tr.length; j++) {
                                    str += '                        <li><b class="tip"></b><a target="Conframe" href="html/UserInstall.html">' + arrTr[i].tr[j] + '</a></li>';
                                }
                                str += '                    </ul>';
                                str += '                </div>';
                                $("#addOrDel").append(str);
                            } else {
                                var trL = $("#addOrDel").find("div").eq(dijige).find("li").length;
                                var indexArr = [];
                                for (var j = 0; j < arrTr[i].tr.length; j++) {
                                    for (var k = 0; k < trL; k++) {
                                        console.log($("#addOrDel").find("div").eq(dijige).find("ul li a").eq(k).html());
                                        if ($("#addOrDel").find("div").eq(dijige).find("ul li a").eq(k).html() === arrTr[i].tr[j]) {
                                            indexArr.push(j);
                                        }
                                    }
                                    console.log("1:" + JSON.stringify(arrTr));
                                    console.log("indexArr:" + indexArr);
                                    for (var m = 0; m < indexArr.length; m++) {
                                        arrTr[i].tr.splice(indexArr[m], 1);
                                    }
                                    console.log("2:" + JSON.stringify(arrTr));
                                    if (indexArr.length === 0) {
                                        for (var mj = 0; mj < arrTr.length; mj++) {
                                            str += '                    <ul class="kid">';
                                            str += '                        <li><b class="tip"></b><a target="Conframe" href="html/UserInstall.html">' + arrTr[i].tr[mj] + '</a></li>';
                                            str += '                    </ul>';
                                        }
                                    } else {
                                        str += '                        <li><b class="tip"></b><a target="Conframe" href="html/UserInstall.html">' + arrTr[i].tr[mj] + '</a></li>';
                                    }
                                }
                                $("#addOrDel").find("ul").eq(dijige).append(str);
                            }
                        }
//                        console.log(num);
//                        console.log(dijige);
                    }
            )