Question

我有这种情况：

<div class="paper jpaper  form-group">
        <label class="control-label">User comments</label>

<!-- here must be inserted append -->

        <textarea placeholder="Enter text" class="form-control input-sm"></textarea>

<!-- and here must close the appended div and will include textarea -->

</div>

那么如何添加包含现有textarea的div，但我不想删除现有的<textarea>并再次添加，因为<textarea> si创建了dinamyc并且有一些clases和id's dinamically added。

Answer 1

使用jQuery尝试这样的事情：

$('.paper > textarea').wrap('<div class="wrapper">');

此代码只包装您的textarea。

甚至没有jQuery：

var el = document.querySelector('.paper textarea');
el.outerHTML = '<div class="wrapper">' + el.outerHTML + '</div>';

Answer 2

$(".paper textarea").wrap("<div></div>");

它将产生以下内容：

<div class="paper jpaper  form-group">
    <label class="control-label">User comments</label>
    <div>
        <textarea placeholder="Enter text" class="form-control input-sm"></textarea>
    </div>
</div>

有关详细信息，请参阅http://api.jquery.com/wrap/。

Answer 3

试试此代码

$(".form-group>.form-control").appendTo(
    $("<div class='test'/>").appendTo(".jpaper")
)

jsfiddle demo

jQuery将div附加到现有元素，包括附加div中的元素

3 个答案: