Greifen Sie ein dynamisches Bild und klonen/kopieren Sie es in ein anderes div

-1

Ich habe die Funktion funktioniert, wenn ich die attual src des Bildes eingeben. Ich ziehe dynamisch alle Bilder von api. Das Problem, das ich habe, ist, dass ich irgendwie die Image-ID klonen/lesen muss, die in der dyamic ist, so dass es das richtige Bild auf der rechten Seite in der Box postet, wenn Sie diesen Code ausführen, tut es nur den einen im.Greifen Sie ein dynamisches Bild und klonen/kopieren Sie es in ein anderes div

<!DOCTYPE html> 
<html> 

<head> 
    <title></title> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    </style> 
    <script type="text/javascript" rel="script" type="script" href="script.jss"></script> 
    <script type="text/javascript" src='http://code.jquery.com/jquery-1.10.2.min.js'></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 

     var webaddress = '<img id= "[index]" src="http://pokeapi.co/media/img/[index].png">'; 
     var pokelist = $('#pokelist');    // get your pokelist 

     for (var i = 1; i <= 152; i++) { 
     var image = webaddress.replace(/\[index\]/g, i); // escape your square brackets and make it a global replace 
     pokelist.append(image);       // append it to div 
     } 
    }); 
    $(document).on("click", '#pokelist', 'img', function() { 
     $("#deck1").append('<img src="http://pokeapi.co/media/img/1.png">'); 
    }); 
    </script> 
</head> 

<body> 
    <div id="wrapper"> 
    </div> 
    <div id="pokedeck"> 
    <div id="pokelist"> 
    </div> 
    <div id="deck1"></div> 
    </div> 
    </div> 
</body> 

</html>

Quelle

2017-03-03 David Hollenbeck

Sie können etwas tun:

$(document).on("click", '#pokelist img', function() { 
     $("#deck1").append("<img src='"+this.src+"'>"); 
});

Innerhalb der Callback-Funktion bezieht sich this auf das Bild, das geklickt wurde.

Quelle

2017-03-03 16:45:02 Titus

Diese so schnell funktionierte, wie es mich krank überprüfen es richtig können. Ty –

Hier ist ein fiddle mit dem Arbeitscode:

$("#pokelist > img").on("click", function() { 
    $("#deck1").append("<img src='" + $(this).attr("src") + "'>"); 
});

Quelle

2017-03-03 16:53:15 Daniel

Greifen Sie ein dynamisches Bild und klonen/kopieren Sie es in ein anderes div

Antwort

Verwandte Themen