Javascript 数据属性未正确呈现

这是我正在使用的小提琴：

HTML部分是：

<div class="container">
   <div class="right">
       <div id="cityList" class="inner-table"></div>
   </div>
   <div class="left">
       <div id="cityList2" class="inner-table"></div>
   </div>
   <div class="middle">
       <div id="cityList3" class="inner-table"></div>
   </div>

问题是当mycars[i]具有数据属性时，渲染不会发生。 以下是删除数据属性时的麻烦：

---

有人能告诉我一个在我们有数据属性的情况下渲染的解决方案吗（或者如何以其他方式执行）

字符串文本有语法错误

mycars[0] = '<span data-modelName="city1">S</span>';
mycars[1] = '<span data-modelname="city2">SE</span>';
mycars[2] = '<span data-modelname="city3">SECUNDERABAD</span>';

mycars[0]=“S”；
mycars[1]=“SE”；
mycars[2]=“SECUNDERABAD”；

演示：

---

由于字符串以

“

开头，因此必须对字符串中出现的

”

进行转义

字符串文字有语法错误

mycars[0] = '<span data-modelName="city1">S</span>';
mycars[1] = '<span data-modelname="city2">SE</span>';
mycars[2] = '<span data-modelname="city3">SECUNDERABAD</span>';

mycars[0]=“S”；
mycars[1]=“SE”；
mycars[2]=“SECUNDERABAD”；

演示：

由于字符串以

“

开头，因此必须转义字符串中出现的任何

”