Как показать изображение в теге изображения jQuery

Question

Я хочу добавить изображение после каждого тега изображения, чтобы показать кнопку совместного доступа. Вот ссылка Скрипач http://jsfiddle.net/q98up2f3/

$(document).ready(function() { 
 
    $("img").each(function() { 
 
    if($(this).prop('height')>100 && $(this).prop('width')>100) { 
 
     $(this).addClass("myClass"); 
 
     $(this).wrapInner('<img src="https://cdn3.iconfinder.com/data/icons/iconic-1/32/share-128.png" />'); 
 
    } 
 
    }); 
 
});

.myclass:hover{ 
 
    opacity: 0.7; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="check"> 
 
    <img src='http://media-cdn.tripadvisor.com/media/photo-s/05/e4/f7/89/little-venice.jpg'> 
 
    <img src='http://media-cdn.tripadvisor.com/media/photo-s/05/e4/f7/89/little-venice.jpg'> 
 
    <img src='http://media-cdn.tripadvisor.com/media/photo-s/05/e4/f7/89/little-venice.jpg'> 
 
</div>

Добавление класса динамически. во время осмотра элементов, показывающих класс и вводили тег, но его не отражает

Answer 1

См выход ниже

использования после() функции для вставки после этого конкретного элемента see Documentation

$(document).ready(function() { 
 
    $("img").each(function() { 
 
    if($(this).prop('height')>100 && $(this).prop('width')>100) { 
 
     $(this).addClass("myClass"); 
 
     $(this).after('<img src="https://cdn3.iconfinder.com/data/icons/iconic-1/32/share-128.png" />'); 
 
    } 
 
    $('.myClass').hover(function(){ 
 
     $(this).next().show();  
 
    },function(){ 
 
     $(this).next().hide();  
 
    }); 
 
    }); 
 
});

.myclass:hover{ 
 
    opacity: 0.7; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="check"> 
 
<img src='http://media-cdn.tripadvisor.com/media/photo-s/05/e4/f7/89/little-venice.jpg'> 
 
<img src='http://media-cdn.tripadvisor.com/media/photo-s/05/e4/f7/89/little-venice.jpg'> 
 
<img src='http://media-cdn.tripadvisor.com/media/photo-s/05/e4/f7/89/little-venice.jpg'> 
 
</div>

Answer 2

использования этот код:

$(document).ready(function() { 
    $("img").each(function() { 
     if($(this).prop('height')>100 && $(this).prop('width')>100) 
     { 
      $(this).addClass("myClass"); 
      $('<img src="https://cdn3.iconfinder.com/data/icons/iconic-1/32/share-128.png" />').insertAfter($(this)); 
     } 

    }); 
}); 

http://jsfiddle.net/q98up2f3/1/