问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

Javascript数组到html表

社区维基
1
新手上路，请多包涵

我想从数组中创建一个 html 表。我想使用循环功能来做到这一点。但我很难找出如何将数组循环到 html 表。我想要第一部分中的国家名称和国家顶部的“国家”。在上一节中，我希望将首都和“首都”放在首位。

这是我的 html 代码：

 <!DOCTYPE html>
<html>
<head>
</head>
<body>

    <script>

    var country = ["Norway", "Sweden", "Denmark"];
    var capital = ["Oslo", "Stockholm" , "Copenhagen"]

    </script>
</body>
</html>

原文由 Olaf lol 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译javascripthtmlarrayshtml-table
阅读 522
1 个回答
得票最新
社区维基
1

您可以通过遍历国家/地区列表并创建 HTML 字符串来完成此操作。然后，您可以使用类或 ID 选择器将其放入 tbody 中。这是一个例子-

 var country = ["Norway", "Sweden", "Denmark"];
    var capital = ["Oslo", "Stockholm" , "Copenhagen"]

    var bodyString = '';
    $.each(country, function(index, ctry) {
        bodyString += ('<tr><td>'+ctry+'</td><td>'+capital[index]+'</td></tr>');
    });
    $('.countriesTable tbody').html(bodyString);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
</head>
<body>

  <table class="countriesTable">
      <thead>
          <tr><th>Country</th><th>Capital</th>
      </thead>
      <tbody>

      </tbody>
  </table>
</body>
</html>

原文由 Shekhar Chikara 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题