Javascript 选择颜色子树视图
在这段JS代码中,我尝试将父元素的所有嵌套元素添加到绿色元素中,我尝试添加类“TreeView ActiveMoveDanger”。不幸的是,这只会影响第一次嵌套,也就是说,如果您进一步扩展树,则按“TreeView ActiveTowerDanger”类不会添加以下元素。我的头不明白,我不知道该怎么想Javascript 选择颜色子树视图,javascript,jquery,treeview,Javascript,Jquery,Treeview,在这段JS代码中,我尝试将父元素的所有嵌套元素添加到绿色元素中,我尝试添加类“TreeView ActiveMoveDanger”。不幸的是,这只会影响第一次嵌套,也就是说,如果您进一步扩展树,则按“TreeView ActiveTowerDanger”类不会添加以下元素。我的头不明白,我不知道该怎么想 函数getTreeViews(el,move){ $('.TreeView')。每个(函数(i,e){ if($(this).hasClass('TreeView-Active')){ $(
函数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
类在哪里,它不存在!你不能注意这一点,但我去掉了多余的部分。你能用英语重新表述一下吗?