jquery - jQuery树列表

我可以添加第一个树列表。但是在下一步中不起作用。怎么办我想把树变大。

$(".thisadd").click(function(){

      $(this).closest("li").append("<ul><li'><a href='#'>Company Maintenance<button class='thisadd'>+</button></a></li></ul>");
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <ul id="tree2">
                                      <li data-id="1"><a href="#">TECH</a> <button class="thisadd">+</button><li>
                                      </ul>

最佳答案

您在第一种方法上调用事件，但不是在动态生成的按钮上调用。为此使用.on()。

$(document).on("click", '.thisadd', function() {
      $(this).closest("li").append("<ul><li><a href='#'>Company Maintenance</a><button class='thisadd'>+</button></li></ul>");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <ul id="tree2">
     <li data-id="1"><a href="#">TECH</a>
      <button class="thisadd">+</button>
     <li>
</ul>

关于jquery - jQuery树列表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59005368/