Tag: html table

如何使用jQuery（或CSS）按列对HTML表进行排序？

我希望能够获取HTML表格，例如： translate.com & https://translate.google.com Bing Translator I eat tacos Yo como tacos Comer tacos I will eat a taco Voy a comer un taco Me voy a comer un taco I will eat tacos Voy a comer tacos Me voy a comer tacos I would eat a taco Me volvería a comer un taco Comer […]

jQueryvalidation – 在超链接按钮的onclick上validation表字段并显示错误消息摘要

我有一个包含各种表格的表格。 单击下一个按钮时，将显示或隐藏这些表。 因此，这实际上为用户提供了从一个页面到另一个页面的导航，同时表单相同，只显示/隐藏了表格。 现在我需要的是点击下一个按钮（超链接类型）validation这些表，并每次显示validation摘要。 我知道validation可以用于整个表单，但我需要validation表元素，然后显示摘要。 请记住，我使用非突兀的客户端validation，使用该模型的东西创建元素。 此外，它目前进行validation，但最后在提交按钮上。 非常简短的我的表样本 First coulmn value2 Save

尝试绑定表td上的单击操作

我正在尝试将单击操作添加到html表的单元格中。 这是我的Javascript： $(document) .ready( function () { function setColor(cell) { var cssRed = { “color”: ‘#ff0000’ } var cssBlue = { “color”: ‘#0000ff’ } if (cell.css(‘color’) == ‘#ff0000’) cell.css(cssBlue); else cell.css(cssRed); } $(‘td’).click(function () { setColor($(this)); }); }); 这是我的HTML Data Data Data Data Data Data Data Data Data 应该更改单击的单元格中文本的颜色。 我正在尝试在http://whenisgood.com上制作类似于网格的东西 虽然，由于某种原因，它继续输入if（在setColor方法中）的else语句。 显然，这种比较cell.css(‘color’) == ‘#ff0000’每次都失败。 我在这做错了什么？ […]

jQuery获取带有id的单击单元格的表头名称

我有一个表，在该表中我有id=”edit” 。 现在，我想要的是在我点击任何单元格时获取相应列的标题名称。 根据先前提出的问题，我到目前为止所得到的是： $(‘body’).on(‘click’, ‘td#edit’, function() { var th = $(‘this’).closest(‘th’).eq($(‘th’).val()); alert(th); // returns [object Object] ……………………. } 你能帮我解决这个问题吗？ HTML： Select JobNo Customer JobDate Warranty RepairStatus POP DOA Model SN 12345 gdsgasdfasfasdfa 2011-01-21 TRUE RP FALSE 0 5152342 66665464

如何通过jQuery显示以前隐藏的HtmlTableRow？

我有一个有四行的HtmlTable。 前两个（“列标题”行和常规数据行）始终显示。 如果用户选择“+”按钮，则应添加另一个按钮，然后添加另一个按钮（最多四行）。 这两个“hibernate”行是在C＃中创建的，但最初通过将其高度设置为0来“隐藏”（无论如何，这是意图）： boxIndex2 = new TextBox() { CssClass = “finaff-webform-field-input”, Width = TEXTBOX_WIDTH, Height = 0, ID = “boxIndex2foapalrow3” }; cellColIndex2.Controls.Add(boxIndex2); 注意：这只是HtmlTableRow中六个“文本框”之一; 所有这些都将其高度设置为0。 这部分有效： 如您所见，第三行和第四行很短，但不是不可见/隐藏。 单击“+”按钮可以使它们达到最大高度： …再次选择“+”按钮“膨胀”最后一个缩短的行： 我用的jQuery是： $(document).on(“click”, ‘[id$=btnAddFoapalRow]’, function (e) { var textboxHeight = 15; if ($(‘[id$=boxIndex2foapalrow3]’).height() === 0) { $(‘[id$=boxIndex2foapalrow3’).height(textboxHeight); $(‘[id$=boxFund2foapalrow3’).height(textboxHeight); $(‘[id$=boxOrg2foapalrow3’).height(textboxHeight); $(‘[id$=boxAccount2foapalrow3’).height(textboxHeight); $(‘[id$=boxActivity2foapalrow3’).height(textboxHeight); $(‘[id$=boxAmount2foapalrow3’).height(textboxHeight); } else if ($(‘[id$=boxIndex3foapalrow4]’).height() === […]

根据jquery中的行数和列数生成表

如何根据给定的行数和列数在jQuery中生成表？

使用jQuery获取单元的“坐标”

我正在构建一个不同的网站，下面是我的HTML标记和我的问题。 请不要被这个文本墙推迟，我相信对于那些知道他们的东西的人来说，这确实不是一个难题，但需要一些解释。                                                                 这种标记在平铺类型的pastern中重复，以填充整个页面。 类似的DIV可能是： 如果你还没有看到它，我会在整个页面中创建一大堆单元格，分类为DIV。 现在，当用户点击一个单元格（其中一个 ）时，我想得到它的坐标表示为： 0, 1, 5 。 在此示例中，0,1,5是ID为0的DIV，ID为1 DIV内的TR元素，最后是ID为5 TR元素内的单元格。 我想编写一个javascript函数来获取这些坐标，但我完全不知道要传递什么参数，而且我不知道如何得出坐标。 从我可以想到，一旦我可以将单击事件（？）传递给该函数，我可以查看 的父元素并获取它们的ID？ 如果任何人都可以提供此问题的解决方案或提供任何输入，我们将不胜感激。

jQuery不适用于通过PHP回显的元素

我有一个PHP代码，从mysql数据库生成一个html表，然后我试图使用一个jQuery插件，使表可以排序。 我有很多次这个问题，似乎无法在任何地方找到解决方案…为什么jQuery（或者是Javascript句点？）不能在PHP输出上工作？ 这不是解决方法吗？ 这是代码： MySQL Table Viewer $(document).ready(function() { $(“#mytable”).tablesorter(); } ); <?php $db_host = 'localhost'; $db_user = 'root'; $db_pwd = 'lptm42b'; $database = 'sphinx'; $table = 'spheres'; if (!mysql_connect($db_host, $db_user, $db_pwd)) die("Can't connect to database"); if (!mysql_select_db($database)) die("Can't select database"); // sending query $result = mysql_query("SELECT * FROM {$table}"); if (!$result) { die("Query to […]

Tablesorter 2.0.3 colspan问题

我使用Tablesorter 2.0.3时遇到了一些问题。 第一个问题是我在桌子上设置了一个colspan。 基本上当我这样做时，它不会对各自的列进行排序。 Four Five Six Seven 1 2 3 4 5 6 7 我遇到的第二个问题是，无论我在tablesorter.js中设置sortInitialOrder（“desc”或“asc”），它都没有任何影响，当它被点击时使排序升序或降序。 请任何人可以帮忙吗？

对表格数据进行排序

例如，如果我有一个包含一些数据的表。 能够通过日期选择器对此信息进行排序的最佳方法是什么？ 如果需要，我如何使此表接受来自Ajax或JSON提要的信息？ 因为我对上述问题的疑问，我得到了以下问题： 在HTML中显示一组表格数据，其中数据包含日期。 实现过滤表格数据的日期选择器。 在可能的情况下，允许通过ajax或json提要提供表格数据。