我无法在jstree中使所选节点变为粗体

Question

<button class="btn btn-info btn-md" onclick="myBoldl()">Bold</button>

$('#jstree').jstree({
  core: {
    check_callback: true,
    data: [{
        "id": "1",
        "parent": "#",
        "text": "PKM"
      },
      {
        "id": "2",
        "parent": "1",
        "text": "Deve"
      },
      {
        "id": "3",
        "parent": "1",
        "text": "Test"
      },
      {
        "id": "4",
        "parent": "1",
        "text": "Prod"
      }
    ],
  },
  plugins: ["wholerow", "unique", "dnd", "sort", "state", "contextmenu", "contextmenubtn"]
}).on("ready.jstree", function(e, data) {
  data.instance.open_all();
});

$('#jstree').on("changed.jstree", function(e, data) {
  var i, j, r = [];

  for (i = 0, j = data.selected.length; i < j; i++) {
    r.push(data.instance.get_node(data.selected[i]).id);
  }

}).jstree();

function myBoldl() {
  $("#jstree").toggleClass("bold");
}