jquery - 如何将内部 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>"到“target-div”。但它还没有回应。

标签： jqueryhtml

Answer 1

您可以像这样使用jquery 中的 .html()：

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