抓取动态图像并将其复制到另一个div

-1

如果我放入图像的实际src，我可以使用该功能。我动态地从api中提取所有图像。我遇到的问题是我需要以某种方式克隆/读取图像ID这就是动态的，这样它会发布正确的图片在框中的权利，如果你运行这个代码没有它只是做一个即时通讯。抓取动态图像并将其复制到另一个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>

来源

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

抓取动态图像并将其复制到另一个div

回答

相关问题