es5字符串拼接+遍历嵌套

225 阅读1分钟
$('.problems').append(
                  '<div class="problems-item" data-id="' +
                    value.id +
                    '">' +
                    '<h5>' +
                    value.name +
                    '</h5>' +
                    '<textarea class="problems-descript" placeholder="添加相关问题描述…">' +
                    value.describe +
                    '</textarea>' +
                    '<div class="problems-img" style="display:none"><img src="./img/picture.png" class="problems-upload initUpload" alt=""/></div>' +
                    '<div class="upload-imgs">' +
                    '<div class="uploadContain">' +
                    value.imgs
                      .map((item) => {
                        return (
                          '<div class="img-item"><img src="' +
                          item.path +
                          '" class="uploadedImg" alt="" /><img src="./img/imgDel.png" class="imgDel" alt="" /> </div>'
                        )
                      })
                      .join('') +
                    '</div>' +
                    '<div class="add-img"><img src="./img/add.png" alt="" /></div></div></div>'
                )