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>')

演示：Fiddle

Another variation

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>

FIDDLE

DIV通过JS在DIV中包装两个不同的元素

2 个答案: