JSFiddle - React, Tailwind, and code Playground

HTML

<div class="Photos">
    <a href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">----1-----</a>
    
</div>
<div class="AppendingDiv" style="border:1px solid blue">
    <!-- Here the Photos are going to be appended -->
</div>

JavaScript

$(document).ready(function() {    
            $(".Photos a").click(function () {            
                    
                    var href_attribute = $(this).attr('href'); 
                    //returns the src of the image
                    alert(href_attribute);
                    
                    var item = $('<img src="'+href_attribute+'"/>');
                    
                    //Output Width and Height Before appending the Image to the DOM
                    var MyitemWidth = item.width();
                    var MyitemHeight = item.height();
                    alert(MyitemWidth + " "  + MyitemHeight);
                    
                    $(".AppendingDiv").append(item);/* new */                                    
                    item.fadeIn(2000);
                    return false;
                                                });
               });