javascript - 将 div 置于另一个 div 之下

Question

我有 2 个 div:带有提交的 div 和 order-content div

    <div class="order">
        <form>
        <div class="input">submit</div>
        </form>
        
        <div class="order-content">
        <table><tr><td></td></tr></table>
          <div class="new-product">
              <div class="product-add">
                  <form>
                  </form>
              </div>
          </div>
       </div>
    </div>

此外，当我添加新产品时，我会附加新的表格行，因此 css position 属性无法正常工作，因为它具有静态值。我想过让 jquery 获取新行的高度并递增提交输入位置，但是有更好的解决方案吗？

Answer 1

您需要使用 JavaScript 将 DOM 中的元素移动到与原始文档中不同的顺序。类似的东西(带有 jQ​​uery 的 jsfiddle):

https://jsfiddle.net/khabgc6h/2/

$('.input').insertAfter('.new-product')