Question

我的最终目标是将这个口袋妖怪名称列入ul。我可以让他们在控制台上出来，但仍然作为阵列。这是我的HTML

<div id="pokeList">
 <ul>
  <li></li>
 </ul>
</div>

下面是我的javascript。

pokeHTML() {
    var pokemonList = "";
    for (var i = 0; i < this.pokemonList.length; i++) {
        // console.log(this.pokemonList[i]);
        $("#pokeList ul").append('<li>' + this.pokemonList[i] + '</li>');
    }
    return pokemonList;
}

Answer 1

在这种情况下，您不需要使用“this” 在你的函数中“this”指的是window对象，而不是你的javascript函数。

所以你必须删除“this”或使“pokemonList”成为一个全局变量（删除“var”）

Answer 2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="pokeList">
    <ul>
    </ul>
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    $(function () {
        let pokemonList = ['a', 'b', 'c', 'd'];
        for (let i = 0; i < pokemonList.length; i++) {
            $("#pokeList ul").append(`<li>${pokemonList[i]}</li>`);
        }
    });
</script>
</body>
</html>

循环遍历数组并将每个对象添加到ul作为li

2 个答案: