解决思路,在点击选中后,获取当前点击的元素,然后给这个元素添加颜色样式
<style media="screen">
.tree-txt-active{
color :red;
}
</style>
<script>
// 多选
$(document).click(function(e) { // 在页面任意位置点击而触发此事件
$(e.target).toggleClass("tree-txt-active"); // e.target表示被点击的目标
});
// 单选
$(document).click(function(e) { // 在页面任意位置点击而触发此事件
if($(e.target).attr('class') === "layui-tree-txt"){ // 防止因为点击展开按钮把已选中的样式取消
$(".layui-tree-txt").removeClass("tree-txt-active"); // 移除点击样式
$(e.target).addClass("tree-txt-active"); // e.target表示被点击的目标
}
});
</script>
效果: