How to wrap all images with same alt

Question

this's my code

i want like this

I try apply my code as : jQuery add alt tag to images with same src but i encountered a problem, my code have multi-wrap like this.

$(function($) {
  $("img").each(function(i, y) {
    var src = $(y).attr('src');
    var alt = $(y).attr('alt');
    $("img[alt='" + alt + "']").wrapAll('');
  });
});

img {
  width:50px;
}

how to fix it ?

user_3289660 · Answer

You need to do a check if its already wrapped, something like this $('.' + alt).length == 0

$(function($) {
  $("img").each(function(i, y) {
    var src = $(y).attr('src');
    var alt = $(y).attr('alt');
    if ($('.' + alt).length == 0)
      $("img[alt='" + alt + "']").wrapAll('');
  });
});

img {
  width: 50px;
}

How to wrap all images with same alt

1 Answers