動的画像を取得し、別の部門に複製/コピーしてください

-1

画像の頭上に置くと機能します。私は動的にAPIからすべての画像を引っ張っています。私が抱えている問題は何とか複製する必要があるということです。このコードを実行するとボックス内の右側に正しい画像が投稿されるように、画像IDをダイナミックに読み込む必要があります。動的画像を取得し、別の部門に複製/コピーしてください

<!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>

出典

2017-03-03 David Hollenbeck

あなたはこのような何かを行うことができます。コールバック関数内で

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

、thisがクリックされた画像を指します。ここで

出典

2017-03-03 16:45:02 Titus

これは、すぐに働きました。タイ –

は、作業コードとfiddleである：それは私が病気に右のそれを確認することができますよう

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

出典

2017-03-03 16:53:15 Daniel

動的画像を取得し、別の部門に複製/コピーしてください

答えて

関連する問題