Question

我想使用js将div放在另一个div中。我发现一个解决方案可以做到这一点，但只需在div中放入1个div。 html下面是我的情况。

例如：

        let newheight:CGFloat = 100.0
        UIView.animateWithDuration(0.5) {

            self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, newheight)

        }

结果：

<body>
    <div>
        <span class="outer_part">
        </span>
        <div class="inner_part">1
        </div>
    </div>
    <div>
        <span class="outer_part">
        </span>
        <div class="inner_part">2
        </div>
    </div>
    <div>
        <span class="outer_part">
        </span>
        <div class="inner_part">3
        </div>
    </div>
</body>

我找到了解决方案，但没有找到工作

<body>
    <div>
        <span class="outer_part">
           <div class="inner_part">1</div>
        </span>
    </div>
    <div>
        <span class="outer_part">
           <div class="inner_part">2</div>
        </span>
    </div>
    <div>
        <span class="outer_part">
           <div class="inner_part">3</div>
        </span>
    </div>
</body>

Answer 1

您的问题是您将所有.inner_part元素附加到所有.outer_part元素，但您只需要执行其中的一部分。

您可以使用each()循环遍历所有 .inner_parts，并将每个{@ 1}}附加到其上一个兄弟，<{1}}。

.outer_part

或者，更短：

// loop over all inner parts
$('.inner_part').each(function() {

  var innerPart = $(this);
  var outerPart = innerPart.prev(); // inner part's previous sibling is the outer part

  innerPart.appendTo(outerPart);
});

Answer 2

通过ID获取元素，然后在其中添加html以在此情况下添加div或您想要的任何内容。

＆＃13;

    document.getElementById('div1').innerHTML += '<div class="inner_part">1</div>';

＆＃13;

<div id="div1"></div>

＆＃13;

放多个div和另一个多div

2 个答案: