使用带有类的 jQuery 动态添加元素/Wijmo 树动态节点添加

Question

我在我的项目中使用 Wijmo jQuery 框架，我需要渲染一个结构树。我正在使用 Wijmo 树组件，因此覆盖了树部分，但是当我需要单击树中的节点时会出现问题。所以我需要做的是，当单击树中的一个节点时，会进行一个 ajax 调用，以获取该节点下的结构。问题是

我需要以某种方式显示树的其余部分。我开始的方式是将列表附加到父元素。这是树形结构：

<div id="tree">
  <ul id="productTree">
    <li class="folder">
      <ul>
      dynamic elements here
      .....
      </ul>
    </li>
   <li class="folder">..more dynamic elements..</li>
 </ul>

$(.folder).append('<ul><li class="folder">NodeName</li></ul>');

所以我知道这不是应该的方式，因为它被解释为字符串，所以我也尝试过：

$(.folder).append($(<ul><li class="folder">NodeName</li></ul>).folder());

这给了我 Object 对象没有方法文件夹。 所以我对 js 和 jQuery 并没有真正的经验，我不确定如何将这些元素附加到树中。这两个选项都将列表添加到父元素下方，但来自 wijmo 树的所有类和功能都不会添加到此附加元素中。

提前致谢！

Answer 1

.append('<ul><li class="folder">NodeName</li></ul>');

应该是

.append('<ul><li class="folder">' + NodeName + '</li></ul>');