day05【后台】菜单维护/11-尚硅谷-尚筹网-菜单维护-页面显示树形结构-前端-显示图标-代码实现

那下边呢，我们又把它分成了大概这么三步啊，那首先第一步根据它的ID找到这个SPA，那么我们得知道它的ID是多少。诶。根据图标的span标签的ID哈，那么我们就需要根据。它的根据ID的生成规则。哎，去拼接。拼接。出来我们这个span标签的ID。把这个事先做了，那么这规则是啥呢？咱们看一下啊，就是这个东西CTRLX这些都不不用看了，咱们就看它。首先呢，它的第一个部分，哎，这个第一个第一个部分就是我们ul的那个ID。这个东西呢，是一个数值。这个数值是怎么来的呢？

每个节点生成一个节点就计数一下。这是一。这个节点是二。这个节点是三，这个节点是四，然后567，你看业务审核就正好就是七。啊，所以每一每到一个节点就加一，每到一个节点就加一。那然后说我怎么去得到这个值呢，这个ICU就是控制图标嘛，啊，所以说这个规则呢，我们这儿可以先写一下这个规则哈。The tree。生成啊这个ID的规则。哎，这个例子哈。例子是他。这个解析一下。这是那个ul标签的ID，然后下划线，加上当前节点的序号。

然后呢，再加上这个功能。呃，我们现在关心的就是icon这个呢，就是生成图标的这个功能啊，这就是这个规则，那么我们要是拼的话呢，我们也拼ICO这个地方这个DEMO呢。哦对了，这去DEMO倒是有哈，D就是这个就是这个值，但是呢，我们说哈，这个这个它没有单独的，没有这个七这个数。我们可以看一下啊，在这个object里边呢，有一个属性叫T。他就已经把这个前面这个已经拼好了。哎，T获取T就能够拿到这个值，所以说在这个后边就拼那个功能那部分就行了。呃。然后呢，这里边儿哈，我们说这个，呃，提示说这个ul标签的ID加上当前节点的序号。哎，这个部分。

这个部分。可以通过。呃，访问。TD属性得到。所以说呢，其实就是这个TD属性，再加上个icon就可以了。哎，所以说呢，你看啊span。这个它的ID就等于吹node。TD，然后再加上加上一个下文线A口，也就是这一部分。好嘞，把它拿到，然后根据控制图标的。这个ID找到它这就解块选择器就行了呗。

加上死板ID。然后呢，下一步呢，是去删除这个旧的class。Remove class。把旧的删掉。再去添加这个新的。爱的class。现在这个新的新的是什么呢？新的class就是我们从。就是我们从数据库里边查出来的这个。哎，就是这个属性。就访问icon的这个属性就行啊。哎，新的呢，就吹的。点con。就这么个事儿啊。呃，这个写完以后咱们跑一下试试啊。这个是修改默认的图标。

应该是刷新一下就行了吧。嗯，是吧。就这么个事啊，这些东西就都是从数据库里边来的。CTRLC啊，这是哎图标我们就换成我们想要的了。使用。真实的这个图标，或者叫做修改，嗯。默认图标为。真实的图表，嗯，行，下课休息会。