将多个图像包装在内；在 jQuery 中

Question

我需要找到 div 内的所有图像，并用 div 包裹它们。这是我想出的代码，但这不起作用！为什么？

jQuery(function() {
  my_selection = [];
  $('.post').each(function(i) {
    if ($(this).find('img').length > 1) {
      my_selection.push(['.post:eq(' + i + ')']);
    }
  });
  $(my_selection.join(',')).wrapAll('<div class="wrapper"></div>');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 1

怎么样：

$('.post img').wrapAll('<div class="wrapper" />');

.post img 将在 .post 容器中获取 IMG 标签的集合，并且 wrapAll 应用 DIV 围绕着他们每个人。

wrapAll 函数的手册页 实际上有一个非常接近您想要的示例。

Answer 2

很难说，因为我看不到你的标记，但类似：

$('.post img').wrapAll('<div class="wrapper" />');

Answer 3

这有效！

$('.post').each(function(){
    var container = $(this);
    $('img', container).wrapAll('<div class="slideshow" />');
});

Answer 4

试试这个

 $('.post img').each(function() {
      $(this).wrap($('<div/>', { 'class': 'wrapper'}));
    });

这里是我问的类似问题的链接：

创建新的div单击时围绕锚链接

Answer 5

$('img').each(function (){
   $(this).wrap('<div class="new" />');
});

Answer 6

将 div 包裹在 .post 内的每个 img 周围：

$('.post img').wrap('<div class="wrapper" />');

将 div 包裹在每个具有 img 的帖子周围：

$('.post:has(img)').wrap('<div class="wrapper" />');

将所有具有 img 的 div 移动到包装器 div 内：

$('<div class="wrapper" />').append($('.post:has(img)'));