根据点击选中li来改变背景颜色

html代码
这里主要是设置了 xuan这个class类，类表示同一类型

<ul class="layui-nav layui-nav-tree xuan" lay-filter="test" style="width: 330px; background: white;">
    {
     volist name="listData" id='list' empty="$empty"}
    <li class="layui-nav-item" id="babel">
        <a href="javascript:;" onclick="info({
       $list.id})" style="color: #0d8ddb"><span>》</span>{
     $list.name}</a>
    </li>
    {
     /volist}
</ul>

css样式，添加背景样式

<style>
    .highlight{
     
        background-color: #444;
    }
</style>

js代码部分

 $(function(){
     
    $('.xuan li').click(function(){
     
            $(this).addClass('highlight').siblings().removeClass('highlight');
        })
    });

显示结果页