试图为循环功能分配ID

我要做的就是在我的动态信息中添加一个ID。这条线

 var webaddress = '<img id= "[index]" src="http://pokeapi.co/media/img/[index].png">';

如果我取出id="[index]，则循环正常工作并给我图像。但是我需要向所有这些添加一个ID，以便我可以做其他事情。如果有人能告诉我如何更改docuent.write（文本）写入Specfice 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() {

    });
    </script>
</head>
<body>
    <div id="wrapper">
    </div>
    <div id="pokedeck">
        <div id="pokelist">
            <script type="text/javascript">
            var webaddress = '<img id= "[index]" src="http://pokeapi.co/media/img/[index].png">';
            var text = "";
            for (var i = 1; i <= 152; i++) {
                text += webaddress.replace("[index]", i);
            }
            document.write(text);
            </script>
        </div>
        <div id="deck1"></div>
    </div>

方括号是特殊字符，因此您需要逃脱它们。请参阅下面的代码（我在其中添加了评论）

// the following goes in your document ready
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 - anything inside the / / is replaced and the g means all occurences of
  pokelist.append(image);                           // append it to your div
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="wrapper">
</div>
<div id="pokedeck">
  <div id="pokelist">
  </div>
  <div id="deck1"></div>
</div>

我也会将您的脚本移至关闭的车身标签之前，而不是将它们放在标题中

相关内容

最新更新

热门标签：