Tag: html table

DataTables：无法读取未定义的属性“长度”: 我理解这是一个受欢迎的问题，我已经在Stack Overflow和其他网站（包括datatables网站）上阅读了所有类似的问题。为了澄清，我正在使用 PHP Codeigniter Materliazecss 我还确保我正确地收到了JSON数组： [{“name_en”:”hello”,”phone”:”55555555″},{“name_en”:”hi”,”phone”:”00000000″}] 我的HTML表格如下所示： Name Phone 这是我的document.readyfunction： $(document).ready(function(){ //$(‘#customer_table’).DataTable(); $(‘#customer_table’).DataTable( { “ajax”: ‘json’, “dataSrc”: “”, “columns”: [ { “data”: “email” }, { “data”: “name_en” } ] }); }); 我得到的错误是未捕获的TypeError：无法读取未定义的属性“长度”

如何使用JQuery在表中获得的位置？: 例如： 1,12,1 2,12,2 我想使用以下function： $(“td”).click(function(){ alert(xxxx) }) 单击时获取的位置，但是如何？

使用jQuery从JSON填充表: 这是使用jQuery从JSON数据填充表的有效方法，还是有更好/更低成本的方法？最大行数约为100.我不想使用插件。 JS： $.ajax({ url: ‘public.json’, dataType: ‘json’, success: function(data) { var row = ”; for (var i in data.headers) { row += ” + data.headers[i] + ”; } row += ” $(row).appendTo(‘table.data’); row = ”; for (var i in data.rows) { row += ”; row += ” + data.rows[i].date + ”; row += ” […]

使用jQuery将表转换为div并将其追加到每个td的前面: 我试图将所有表转换为div并添加th html或从每个转换为div的td的内容。所以我的表看起来像这样： Title 1 Title 2 Title 3 Title 4 Title 5 Data 1 Data 2 Data 3 Data 4 Data 5 我想转换它所以它是这样的： TH Data : Data 1 TH Data : Data 2 TH Data : Data 3 TH Data : Data 4 TH Data : Data 5 我发现这个代码几乎可以工作，但可以弄清楚如果有任何问题，如何使它得到th并在每个td的数据跨度之前添加它们。 $(‘.content table’).replaceWith(function() { var html […]

jQuery表filter，带有文本，复选框，选择: 需要从表格外部过滤表格，包括文本搜索，复选框和选择。用于jQuery的PicNet表filter适用于搜索和使用表外的复选框…虽然我找不到任何有关如何使选择框工作的示例。谁知道？ **我可能会在这里变得过于具体，但我想我至少会询问。* 我也对PicNet以外的其他可能性持开放态度。更新：到目前为止，这是我的代码，我想通过两个是/否复选框在主体顶部选择一个选项。 PicNet Table Filter Demo $(document).ready(function() { // Randomly Create Data Rows // Initialise Plugin var options1 = { additionalFilterTriggers: [$(‘#onlyyes’), $(‘#onlyno’), $(‘#itemone’), $(‘#quickfind’)], clearFiltersControls: [$(‘#cleanfilters’)], matchingRow: function(state, tr, textTokens) { if (!state || !state.id) { return true; } var val = tr.children(‘td:eq(2)’).text(); var val2 = tr.children(‘td:eq(3)’).text(); switch (state.id) […]

用jQuery创建一个表行（tr）可点击（带有一个href链接，然后hover！？）: 只是一个（希望）快速的问题，我有以下HTML代码： Bulletin 1st March 2010 (01/03/10) 理想情况下，我想要一种方法来使用jQuery获取一个href链接并使其无论你在哪个点击特定的表行，它都会带你到那个链接。有没有办法做到这一点？我可以通过icky内联JavaScript作为绝对的最后手段来做到这一点，但是因为发现了jQuery我非常喜欢能够干净利落地执行此操作的想法:-)

对于动态添加的表行，不会触发Click事件: 我有一个空表，我通过jQuery添加行使用： $(‘#table > tbody:last’).append(” + symbol.Code1 + ” + symbol.Code2+ ” + symbol.Code3+ ”); 一切都好，但是当我实施时： $(“#table tr”).click(function(e) { alert(this.id); }); 什么都没发生。

使用Jquery，将表中的一行替换为新行: 说我有一张桌子： 12Edit 12Edit 12Edit 我想单击 Edit 单元格并使用jquery将整行替换为具有更多内容的新行，例如 $(document).ready(function() { $(‘#mytable .edit’).click( function() { var tr = $(this).parent(); var new_row = ’34Save’ // code to replace this row with the new_row }); } ); 知道如何做到这一点？

反转表行: 我想用jQuery反转表tbody行。是）我有的： TITLE A TITLE B （…）继续在jsfiddle。这就是我拥有的和我想要的： http ： //jsfiddle.net/ZaUrP/1/

使用jQuery从输入过滤表: 我正在尝试使用jQuery从字母输入中过滤表。我在表的两列中有名字和姓氏，我想用其中任何一个过滤行。我有一个选择输入设置如下： A B C … 我想过滤这个表格： Joe Schmoe $2482.79 172.78.200.124 http://gmail.com John Doe $2776.09 119.232.182.142 http://www.example.com 我如何使用jQuery过滤表？