如何改变颜色a sub ul li - jquery

Question

我有一个ul li轮胎，通过编程方式制作成树。

例如：

<ul style="cursor:pointer" class="change_select">
    <li id="1" class="change_select">A
        <ul style="cursor: pointer; color: rgb(233, 170, 158);" class="change_select">
            <li id="2" class="change_select">B
                <ul style="cursor: pointer; color: rgb(233, 170, 158);" class="change_select">
                    <li id="3" class="change_select">C</li>
                    <li id="4" class="change_select">D</li>
                    <li id="5" class="change_select">E
                        <ul style="cursor: pointer; color: rgb(233, 170, 158);" class="change_select">
                            <li id="6" class="change_select">F</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

它确实提出了这个观点：

A
  B
    C
    D
    E
      F

现在，我希望当用户点击A，A并且所有子树都会改变颜色时，当用户点击B时，所有子树都会改变颜色：{{ 1}} F。

我的代码：

B,C,D,E,

    $('.change_select').click(function() {
        changeColorSubCategories(this,this.id);
    });

但它改变了所有的li和ul。     }