使用 jQuery 将第一行添加到表中

Posted

技术标签:

【中文标题】使用 jQuery 将第一行添加到表中【英文标题】:Prepending a first row to table with jQuery 【发布时间】:2014-03-31 11:03:17 【问题描述】:

我的代码中有一个表格:

<table class="mainTable">
</table>

我想在它前面加上一行。

var filter_all_head_row="
            <tr>\
                <th>smth</th>\
                                ...
                    <th>smth</th>\
                        </tr>
";

我正在尝试使用以下代码在我的页面上加载:

$("table.mainTable").prepend(filter_all_head_row);

通过控制台说:

Uncaught SyntaxError: Unexpected token ILLEGAL

解决方案?

【问题讨论】:

我认为更好的方法是用+(加号)来排列html,比如'&lt;tr&gt;'+ '&lt;th&gt;smth&lt;/th&gt;'+等!! 我认为/更好,因为这个原因davidwalsh.name/multiline-javascript-strings 【参考方案1】:

试试这个solution

var filter_all_head_row = '<tr>\
   <th>smth</th>\
   <th>smth</th>\
 </tr>';

你是这样写的

var filter_all_head_row = '
......

应该是这样的

var filter_all_head_row = '\
......

因为每次您想进入下一行时,您都必须输入\。 还建议使用tool 之类的Adobe Dreamviewer 等,他们会在编写代码时显示这种类型的errors

【讨论】:

【参考方案2】:

您的字符串文字中至少缺少两个 \

var filter_all_head_row="
    <tr>\
        <th>smth</th>\
        <th>smth</th>\
    </tr>
";

应该是:

var filter_all_head_row = "\
  <tr>\
    <th>smth</th>\
    <th>smth</th>\
  </tr>\
";

【讨论】:

以上是关于使用 jQuery 将第一行添加到表中的主要内容,如果未能解决你的问题,请参考以下文章

使用jquery将行添加到表中[重复]

使用 tablesorter 和 pager 将行添加到表中

JQuery 将 thead 和 tbody 附加到表中

使用VBA - Excel将超链接添加到表中的单元格

动态生成表中的另一行后,JQuery函数不起作用[重复]

根据组内连续两天将指标列添加到表中