如何在angularjs中的div元素上追加父子div？

Question

我是angularjs的新手。在这里，我将我的要求添加为图像。在我的控制器的一侧，我需要获取选定的元素，并在运行时需要添加div基于源将切丁父或子。帮助我

示例1： -

before:-
  Username: <input type="text" name="user">
  Username1: <input type="text" name="user1">
After:-
    <div ><!-- 1st-->
      Username: <input type="text" name="user">
    Username1: <input type="text" name="user1">
    </div>

示例2： -

Before:-
        <div ><!-- 1st-->
          Username: <input type="text" name="user">
        Username1: <input type="text" name="user1">
        </div>
After:-
        <div ><!-- 1st-->
          <div ><!-- 2nd-->
            Username: <input type="text" name="user">
            Username1: <input type="text" name="user1">
          </div>
        </div>

Answer 1

浏览此链接。我在jquery做过。对于角度替换$ with angular.element

https://plnkr.co/edit/GiY68oZdvj6IXYhgQwux?p=preview

var elems = $('.same').eq(4);
$( "#sam1" ).wrap( "<div class='new'></div>" );
$('#sam2').siblings().wrapAll( "<div class='secondnew'></div>")
$('.same').siblings().eq(1).css('color', 'red');
$('.same').siblings().eq(2).css('color', 'red');
$('#sam3').nextUntil(elems).addBack().wrapAll('<div class="wrapper"/>');

Answer 2

这只是一个想法，但有效。实际上，两者都是相同的情况。你只需编辑id就可以了。多数民众赞成

在第一种情况下，获取parentDiv及其子项。 使用innerHTML和Children document.getElementById('parentDiv');并将其存储在变量ex parentDiv中。 接下来，为上述元素创建holder元素。

var holder = document.createElement('holder');

将其放在您想要的位置，并将parentDiv作为孩子附加

holder.appendChild('parentDiv');

从DOM中删除parentDiv。

第二种情况也是一样的。只是id或属性在这里很重要。

        var parent = document.getElementById('parent');
        var parentParent = document.createElement('div');
        parentParent.setAttribute('id', 'parentParent');
        document.body.appendChild(parentParent);
        parentParent.appendChild(parent);

找到https://plnkr.co/edit/Y2cJrUGYcygvM9i6wKx5?p=preview index.html

中的行