jquery - 如何将 inner-html 从 div 附加到目标 div？

Question

我需要将 html 从 div 附加到目标 div。 jQuery 可以做到吗？

我尝试了一些 jQuery。但它没有回应。

$(".categories_box").clone().end().appendTo(".target-div");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="categories_box">
  <ul>
    <li><a href="JavaScript:void(0)">Technology <span>37</span></a></li>
    <li><a href="JavaScript:void(0)">Lifestyle <span>04</span></a></li>
    <li><a href="JavaScript:void(0)">Service <span>29</span></a></li>
    <li><a href="JavaScript:void(0)">Food <span>15</span></a></li>
    <li><a href="JavaScript:void(0)">Architecture <span>09</span></a></li>
    <li><a href="JavaScript:void(0)">Adventure <span>44</span></a></li>
  </ul>
</div>

<div class="target-div"></div>

我试图附加整个 "<ul>"到“目标-div”。但它还没有回应。

Answer 1

您可以使用 .html() from jquery像这样:

$(".target-div").html($(".categories_box").html());