jquery - DIV 通过 JS 将两个不同的元素包裹在一个 DIV 中

Question

想象一下

<div id="container">
     <label>Enter the code</label>
     <input maxlength="5" size="5" class="input_code" title="" type="text" value="" name="code_holder">
     <img src="image.jpg">
     <div class="small-message">Sample Text</div>
     <div class="clear"></div>
     <div id="error-message"></div>
</div>

我只想div.small-message用 div 类或 id包装图像和

#wrap-inside/.wrap-inside

现在尝试了一个小时的搜索和反复试验，但没有运气。我知道这是可能的，有什么想法吗？

Answer 1

您可以使用.wrapAll()

$('#container').find('img, div.small-message').wrapAll('<div id="wrap-inside"></div>')

演示：小提琴

另一种变化

Answer 2

您可以使用wrapAll()

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    jQuery(function() {
        $('img, .small-message', '#container').wrapAll('<div id="wrap-inside" />');
    });
</script>

小提琴