Javascript 抓取动态图像并将其克隆/复制到另一个div_Javascript_Jquery_Api

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

javascript jquery api

Javascript 抓取动态图像并将其克隆/复制到另一个div,javascript,jquery,api,Javascript,Jquery,Api,如果我把图像的attual src放进去，这个函数就可以工作了。我正在动态地从api中提取所有图像。我遇到的问题是，我需要以某种方式克隆/读取dyamic中的图像id，这样，如果您运行此代码，它将在框的右侧张贴正确的图片。不，它只执行im中的一个 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link r

如果我把图像的attual src放进去，这个函数就可以工作了。我正在动态地从api中提取所有图像。我遇到的问题是，我需要以某种方式克隆/读取dyamic中的图像id，这样，如果您运行此代码，它将在框的右侧张贴正确的图片。不，它只执行im中的一个

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


$（文档）.ready（函数（）{
var webaddress=''；
var pokelist=$（'#pokelist'）；//获取您的pokelist
对于（var i=1；i您可以这样做：
$(document).on("click", '#pokelist img', function() {
      $("#deck1").append("<img src='"+this.src+"'>");
});

$（document）.on（“click”，“#pokelist img”，function（）{
$（“#deck1”）。追加（“”）；
});

在回调函数中，此
引用了已单击的图像。
以下是一个包含工作代码的示例：
$("#pokelist > img").on("click", function() {
    $("#deck1").append("<img src='" + $(this).attr("src") + "'>");
});

$（“#pokelist>img”）。在（“单击”，函数（）{
$（“#deck1”）。追加（“”）；
});
只要它让我检查一下就行了。Ty