未捕获的 SyntaxError：意外的令牌 var (Jquery)答案

【问题标题】：Uncaught SyntaxError: Unexpected token var (Jquery)未捕获的 SyntaxError：意外的令牌 var (Jquery)
【发布时间】：2015-12-26 03:17:36
【问题描述】：

当用户单击团队徽标时，我希望执行一次单击，这将在单击的元素下附加一个段落标签，然后将团队名称插入到段落标签中。

这是我的 HTML 文件和 JS 文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <title>jQuery Lab!</title>
</head>
<body>

    <div id="content">
        <h1>NFC EAST</h1>

        <div>
            <img src="http://www.nationalsportsbeat.com/images/logos/nfl/New_York_Giants_Helmet.jpg" alt="Place Kitten"/>
        </div>

        <div>
            <img src="http://www.nationalsportsbeat.com/images/logos/nfl/Washington_Redskins_Helmet.jpg"/>
        </div>

        <div>
            <img src="http://www.nationalsportsbeat.com/images/logos/nfl/Philadelphia_Eagles_Helmet.jpg" alt="Place Kitten"/>
        </div>

        <div>
            <img src="http://www.nationalsportsbeat.com/images/logos/nfl/Dallas_Cowboys_Helmet.jpg"/>
        </div>


    </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script type="text/javascript" src="js/scripts.js"></script>
</body>

</html>

我的 jquery 文件

$(function () {
console.log("javascript loaded");

var teams = ['New York Giants', 'Washington Redskins', 'Philadelphia Eagles', 'Dallas Cowboys'];

var $teamsArray = $('div');
$teamsArray.addClass('teams-container');

$teamsArray.each(function()
var $paragraph = $('<p>');
$(this).append('<p>').html(teamsArray{i});

});

但是，在控制台中，我不断收到一个

"Uncaught SyntaxError: Unexpected token var"

指的是这一行：

var $paragraph = $('<p>');

有人知道这个问题吗？

【问题讨论】：

你缺少一个开放的花括号{..$teamsArray.each(function(){

标签： javascript jquery html

【解决方案1】：

您几乎没有语法错误。首先，每个循环都没有正确的开始和结束括号。（({ })）。同样对于使用索引访问数组项，请使用 [index] 而不是 {index} 。另外我相信您想访问 teams 数组以将项目添加到 p 标记。

这应该可行。

$(function () {
   var teams = ['New York Giants', 'Washington Redskins',
                                                 'Philadelphia Eagles', 'Dallas Cowboys'];

  var $teamsArray = $('div');
  $teamsArray.addClass('teams-container');

  $teamsArray.each(function(a,b){     
     $(this).append('<p>').html(teams[a]);
  });
});

Here 是一个工作示例。

【讨论】：