时间戳

首页 > 解决方案 > 右括号在那里，为什么它说它缺少括号？

jquery - 右括号在那里，为什么它说它缺少括号？

问题描述

为什么这行不通？我不确定为什么它说存在语法错误，它说当结尾括号明显存在时（第 32 行）缺少 .append() 的括号。

在此处输入图像描述

有人告诉我反斜杠 \ 用于 .append() 中的换行符

for(var i = 0; i < works.length; ++i) {
    $('#work').append('\
      <div class='col-sm'>\
        <img class='img-responsive' src='" + works[i] + "'>\
      </div>\
    ');              //THIS IS THE END PARENTHESIS FOR .APPEND()
  };

我希望数组中的图像显示在我的网页中。该数组称为“作品”。

标签： jquery

解决方案

如果您能够使用 ES6，模板文字可以消除多行字符串转义的复杂性/烦恼。

const works = ['http://placekitten.com/150/150', 'http://placekitten.com/200/200']

for (let i = 0; i < works.length; ++i) {
  $('#work').append(`
    <div class='col - sm '>
      <img class='img - responsive' src='${works[i]}' alt=''>
    </div>
  `);
};
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="work"></div>

推荐阅读