我想要做的是将 ID 添加到我的动态信息中。这一行
var webaddress = '<img id= "[index]" src="http://pokeapi.co/media/img/[index].png">';
如果我取出 id="[index] 循环工作正常并给我图像。但我需要为所有图像添加一个 id，以便我可以做其他事情。奖金如果有人能告诉我如何更改 docuent.write(text) 以写入特定的 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>我还将您的脚本移至结束正文标记之前，而不是将它们放在标题中
关于javascript - 尝试将 id 分配给 for 循环函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42580045/