2

我正在显示一个表格，该表格根据在深入研究期间在 HighMaps 中选择的状态列出事物：

代码片段：

                switch (e.point.name) {
                    case 'California':
                        $('#table').html('');
                        break;
                    case 'Virginia':
                        $('#table').html('');
                        break;
                    default:
                        $('#table').html('');
                        break;
                }
<div id="table"></div>

该表是通过使用 PHP 从数据库中获取每个状态的数据来动态生成的。表结构如下所示：

 <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h3 class="panel-title text-center">Company List - State</h3>
                        </div>
                        <table class="table table-hover" id="dev-table">
                            <thead>
                                <tr>
                                    <th>Company Name</th>
                                    <th>County</th>
                                    <th>Details</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Company 1</td>
                                    <td>Test County</td>
                                    <td>Company details.</td>
                                </tr>
                                <tr>
                                    <td>Company 2</td>
                                    <td>Test County</td>
                                    <td>Company details.</td>
                                </tr>
                                    <td>Company 3</td>
                                    <td>Test County</td>
                                    <td>Company details.</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

在 .html('') 内部生成的表输出如下所示：

 $('#table').html('<div class="container"> <div class="row"><div class="col-md-12"><div class="panel panel-primary"><div class="panel-heading"><h3 class="panel-title text-center">Company List - California</h3></div><table class="table table-hover" id="dev-table"><thead><tr><th>Company Name</th><th>County</th><th>Details</th></tr></thead><tbody><tr><td>Company 1</td><td>Test County</td><td>Company details are available to ACMA members only.</td></tr><tr><td>Company 2</td><td>Test County</td><td>Company details are available to ACMA members only.</td></tr><td>Company 3</td><td>Test County</td><td>Company details.</td></tr></tbody></table></div></div></div></div>');

当公司列表很小时，一切都很好。一旦每个州的公司数量变大并且生成的表格代码变长，事情就会停止工作。我测试了它。如果我将生成的代码部分太长并删除其中的一半，那么一切都会重新开始工作。

.html() 中的字符数是否有限制？? 有没有更有效的方法来显示这些表格？

4

1 回答 1

0

在某些特定的选择器中使用 append 函数怎么样？比如你当前使用的那个 $("#table").append(); 检查下面提到的链接：

http://api.jquery.com/append/

于 2015-02-10T23:21:52.750 回答