.push-in javascript自动关闭div标记

在一个项目数组中，我试图在循环的帮助下推行（bootstrap类）并设置col-sm-6类（row类的子类，也来自bootstrap类）

items.push('<div class="row display-flex">');

$.each(obj, function(i,val){           
        items.push('<div class="col-sm-6 col-md-4 col-lg-3 display-flex"> \
                        <div class="thumbnail"> \
                            <div class="caption"> \
                                <h3 class="h3-margin-top-change">'+val.rm_name+'</h3> \
                            </div> \
                        </div> \
                        </div> \
                    </div> ');
}); 

items.push('</div>');

items.push（“”）；
$.each（obj，function（i，val）{
物品。推送（'\
\
\
“+val.rm_name+”\
\
\
\
');
}); 
项目。推送（“”）；

但该部门正在自动关闭

<div class="row display-flex"></div>
<div class="col-sm-6 col-md-4 col-lg-3 display-flex">
...
</div>

...

这会导致col标签杂乱无章。预期的答案是

<div class="row display-flex">
     <div class="col-sm-6 col-md-4 col-lg-3 display-flex">
     ...
     </div>
</div>

...

浏览器对大多数元素进行自封闭，如果它们没有封闭的话。 在追加items数组之前，先加入元素

$(element).html(items.join(''))

---

那些

\`

字符在字符串中做什么？

items

在哪里声明？items是一个数组，它将字符串推入数组。这怎么可能会添加一个结束标记呢？在用class

caption

@ScottMarcus关闭div的标记之后，还有一个额外的

，行尾的反斜杠（\）表示该字符串将在下一行继续@有些人为什么不直接使用模板文本字符串呢？但是，当将字符串推入数组时，他们不会这样做。即使字符串包含HTML。