Jquery组织结构图

Question

我的组织结构图包含测试和开发团队。一名员工（Tester）在两个团队中工作，因此我希望将开发团队树与测试团队树结合起来。我制定了 this ，但没有用，请帮帮我

HTML

<div class="tree">
  <ul id="testing">
    <li parent-id=0 emp-id=1>Rao</li>
    <li parent-id=1 emp-id=2>Venkat</li>
    <li parent-id=2 emp-id=3>Ragava</li>
    <li parent-id=3 emp-id=4>Basha</li>
    <li parent-id=3 emp-id=5>Tester1</li>
    <li parent-id=5 emp-id=6>Tester1a</li>
    <li parent-id=5 emp-id=7>Tester1b</li>
  </ul>
  <ul id="development">
    <li parent-id=0 emp-id=8>Vengal</li>
    <li parent-id=8 emp-id=9>Naren</li>
    <li parent-id=9 emp-id=5>Tester1</li>
  </ul>
</div>

JQUERY

var $ul = $('ul');
$ul.find('li[parent-id]').each(function() {
  $ul.find('li[parent-id=' + $(this).attr('emp-id') + ']').wrapAll('<ul />').parent().appendTo(this)
});

要查看完整视图，请参阅 DEMO