Javascript 选择颜色子树视图

Javascript 选择颜色子树视图,javascript,jquery,treeview,Javascript,Jquery,Treeview,在这段JS代码中,我尝试将父元素的所有嵌套元素添加到绿色元素中,我尝试添加类“TreeView ActiveMoveDanger”。不幸的是,这只会影响第一次嵌套,也就是说,如果您进一步扩展树,则按“TreeView ActiveTowerDanger”类不会添加以下元素。我的头不明白,我不知道该怎么想 函数getTreeViews(el,move){ $('.TreeView')。每个(函数(i,e){ if($(this).hasClass('TreeView-Active')){ $(

在这段JS代码中,我尝试将父元素的所有嵌套元素添加到绿色元素中,我尝试添加类“TreeView ActiveMoveDanger”。不幸的是,这只会影响第一次嵌套,也就是说,如果您进一步扩展树,则按“TreeView ActiveTowerDanger”类不会添加以下元素。我的头不明白,我不知道该怎么想

函数getTreeViews(el,move){
$('.TreeView')。每个(函数(i,e){
if($(this).hasClass('TreeView-Active')){
$(this.removeClass('TreeView-Active');
}
if($(this).hasClass('TreeView-ActiveMoveDanger')){
$(this.removeClass('TreeView-ActiveMoveDanger');
}
});
el.addClass(“TreeView-Active”);
if(el.attr('data-id')!=0&&!el.hasClass('TreeView-ActiveMove')){
var parent_id=el.parent('div').attr('id').split('TreeView-Move-Block-')[1];
if($('move row-'+parent_id).hasClass('TreeView-ActiveMove')){
el.addClass('TreeView-ActiveMoveDanger');
}否则{
var-ActiveMove=$('.TreeView-ActiveMove');
if(ActiveMove.length){
var ActiveMoveld=ActiveMove.attr('data-id');
if(el.parents('#TreeView移动块-'+ActiveMoveld).length){
el.addClass('TreeView-ActiveMoveDanger');
}
}
}
}
}
.TreeView{
填充:5px0 5px15px;
}
.TreeView:悬停{
背景:#e4ebfa;
}
.TreeView处于活动状态{
背景:#e4ebfa;
}
.TreeView活动移动{
背景:#ace6ac!重要;
}
.TreeView,危险{
背景:#f58787!重要;
}

父亲
儿童-1
儿童-2
姐妹

function getTreeViews(el, move) {
     $('.TreeView').each(function(i, e) {
          if ($(this).hasClass('TreeView-Active')) {
               $(this).removeClass('TreeView-Active');
          }
          if ($(this).hasClass('TreeView-ActiveMoveDanger')) {
               $(this).removeClass('TreeView-ActiveMoveDanger');
          }
     });
     el.addClass('TreeView-Active');

     if (el.attr('data-id') != 0 && !el.hasClass('TreeView-ActiveMove')) {
          var parent_id = el.parent('div').attr('id').split('TreeView-Move-Block-')[1];
          if ($('#move-row-' + parent_id).hasClass('TreeView-ActiveMove')) {
               el.addClass('TreeView-ActiveMoveDanger');
          } else {
               var ActiveMove = $('.TreeView-ActiveMove');
               if (ActiveMove.length) {
                    var ActiveMoveld = ActiveMove.attr('data-id');
                    if (el.parents('#TreeView-Move-Block-' + ActiveMoveld).length) {
                         el.addClass('TreeView-ActiveMoveDanger');
                    }
               }
          }
     }
}

CSS部分?为什么不使用jssnippet?完成。做了一个片段。一般来说,上面是一个屏幕截图的链接。css和html中的
pull right
类在哪里,它不存在!你不能注意这一点,但我去掉了多余的部分。你能用英语重新表述一下吗?