Question

我试图将类的html及其嵌套的html附加到另一个div，只有可用的东西是level-1，用于添加元素，嵌套元素可以达到任何级别。

当我尝试下面的代码时，它没有被追加并在控制台

中抛出以下错误

未捕获的DOMException：无法执行＆＃39; appendChild＆＃39; on＆＃39; Node＆＃39;：新的子元素包含父元素。

HTML：

<div class="level-1">
  <div class="level-2">
    <div class="level-3">
  aaaaaaa
      <div class="level-4" style="display:none">
      <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>

        <ul>
      </div>
  </div>

  </div>
   <div class="level-2"></div>
   <div class="level-2"></div>
</div>
<div class="level-1">
  <div class="level-2">
  <div class="level-3">
  bbb
 <div class="level-4" style="display:none">
      <ul>
        <li>11</li>
        <li>22</li>
        <li>33</li>

        <ul>
      </div>
   <div class="level-2"></div>
   <div class="level-2"></div>
</div>


   <div id="output"></div>

JS：

$('#output').append($('.level-1'));

Answer 1

你忘了关闭一些div。

在此代码中，您有3个未闭合的div，更确切地说是前三个。

<div class="level-1">
  <div class="level-2">
  <div class="level-3">
  bbb
 <div class="level-4" style="display:none">
      <ul>
        <li>11</li>
        <li>22</li>
        <li>33</li>

        <ul>
      </div>
   <div class="level-2"></div>
   <div class="level-2"></div>
</div>

jQuery-使用类

1 个答案: