Jquery jstree叶节点的不同图标

我使用的是jQueryJStree组件，但问题是内置的主题对具有子节点的节点和叶节点使用相同的图标，这并不理想

我将如何修改css以仅为叶节点指定自定义图标

---

干杯。

你想看一看吗

---

您可以使用css为叶节点指定自定义图标

比如说,， html：中树的结构：

<li class="jstree-open">
<ins class="jstree-icon"> </ins>
<a>root</a> 
<ul>
    <li class='jstree-leaf' id='1'>
        <ins class="jstree-icon"> </ins>
        <a class='books' href='#'><ins class="jstree-icon"> </ins>books</a>
    </li>
    <li class='jstree-leaf' id='2'>
        <ins class="jstree-icon"> </ins>
        <a class='musics' href='#'><ins class="jstree-icon"> </ins>musics</a>
    </li>  
    <li class='jstree-leaf' id='3'>
        <ins class="jstree-icon"> </ins>
        <a class='videos' href='#'><ins class="jstree-icon"> </ins>videos</a>
    </li> 
</ul> 

li.jstree-closed>ul>li.jstree-leaf>a.books>ins.jstree-icon{background:url（“XXX2.png”）0px 0px不重复！重要；}

---

也许这可以帮助你。

我需要同样的东西，在阅读了项目的bug追踪器后，我发现：

将图标添加到要传递给jstree的数据中（可以使用

“图标”：“jstree文件”

为每个需要不同图标的节点添加图标）

---

为什么这不是默认值，我不明白。。。但是，我认为这应该满足您的要求。

这不是答案。他在CSS中询问，如何为没有子节点的节点指定不同的ins（.jstree图标）。jstree是否添加了标识没有子节点的节点的类或属性？我看不出为什么我的答案不能作为Nick问题的可能解决方案之一。

<li class="jstree-open">
<ins class="jstree-icon"> </ins>
<a>root</a> 
<ul>
    <li class='jstree-leaf' id='1'>
        <ins class="jstree-icon"> </ins>
        <a class='books' href='#'><ins class="jstree-icon"> </ins>books</a>
    </li>
    <li class='jstree-leaf' id='2'>
        <ins class="jstree-icon"> </ins>
        <a class='musics' href='#'><ins class="jstree-icon"> </ins>musics</a>
    </li>  
    <li class='jstree-leaf' id='3'>
        <ins class="jstree-icon"> </ins>
        <a class='videos' href='#'><ins class="jstree-icon"> </ins>videos</a>
    </li> 
</ul> 

li.jstree-open > ul > li.jstree-leaf > a.books > ins.jstree-icon { background: url("XXX1.png") 0px 0px no-repeat !important;}