jsTreeに違うCSSを当てたい

あんまりいいやり方ではないかもしれないけれど、
jsTree読み込み時に、当たっているデフォルトのclassを、適用したいCSSのクラス名に書き換えてしまうことができる。

<script>
$('#test').jstree({ 
    'core' : {
        'data' : <?php echo $json ?>
    },
    "plugins" : [ "dnd", "contextmenu" ] 
}).on('ready.jstree', function (e, data) {
    $(".jstree-node").addClass('test')
});
</script>
<style>
.test { color: red; }
</style>

こうなっていれば、jsTreeを赤文字にしたりできる。

f:id:Kow:20181202134317j:plain

あんまり美しくないやり方だけど、ほかに方法が見つからない場合、こういうこともできる。