数据属性未正确呈现

Question

这是我正在使用的小提琴:http: //jsfiddle.net/7Z8wY/9/

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]具有数据属性时,渲染不会发生.这是数据属性被删除时的小提琴:http://jsfiddle.net/7Z8wY/10/

有人可以告诉我一个渲染的解决方案,以防我们有数据属性(或者如何以其他方式完成)

Answer 1

字符串文字有语法错误

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

演示:小提琴

由于您已启动字符串","因此必须转义字符串中的任何出现