jQuery正在循环复制ans

时间:2014-11-11 16:44:03

标签: javascript jquery html

我的jQuery以某种方式创建了额外的TR和TD&#39。我似乎无法让它正常工作。

这是运行脚本之前的DOM: DOM

这是我的剧本:

<script language='javascript'>
          $(document).ready( function(){

            $('[class^=\"odd\"],[class^=\"even\"]').each( function(){

              // add a row after this row
              html = '<tr style=\"display:none\"><td><td/><td  colspan=\"9\"><td/><tr/>';
              $(this).after(html);


            });

          });
    </script>

这是运行脚本后的DOM: DOM after script

1 个答案:

答案 0 :(得分:4)

问题是因为您没有正确关闭代码。例如,<tr/>应为</tr>。试试这个:

html = '<tr style="display:none"><td></td><td  colspan="9"></td></tr>';

请注意,您也不需要转义该字符串中的双引号,因为它被封装在单引号中。