Tag: html table

在某个单元格上按字母顺序将行插入表格

我使用jQuery在数据库插入后将行插入表中。 当页面加载时,表格按特定单元格的字母顺序排序(见下文)。 当我使用jQuery插入一个新行时,我希望能够按字母顺序插入它。 所以例如我有一个表格,其中 元素类似于: Edit Document A Description of Document A No classes are currently associated with this document. Edit Document B Description of Document B CLASS111 Description of CLASS101 CLASS333 Description of CLASS333 Edit Document D Description of Document D No classes are currently associated with this document. 目前,当将新类行插入给定文档的 我使用.append()函数,当插入新文档时,我使用.after() 。 使用jQuery我希望能够按字母顺序在类号或文档名称上插入类或文档(适用于插入的内容)。 因此,例如,我希望能够为文档C插入新的 […]

如何仅基于标题行应用一些jquery内容

我有这样的表: id name number result stuff stuff stuff stuff 我想将class = “red”仅添加到标题为result td 所以只有在页面加载时动态地使用jquery的结果列。

将输入值应用于其所有td innerhtml

是否有可能在内部输入时更改所有td的innerhtml,我的意思是获取输入的值并将其应用于它的td innerhtml,例如,这里是表及其输入内部: 123 把它改成这个: test 123 对于所有td和输入值而不应用id和类?! 请注意td innerhtml没有改变:)谢谢大家的帮助! ;)

使用JQuery将附加行中某些单元格的背景颜色更改为表

我在一张桌子上附加一行。 如何更改一组单元格中该行的背景颜色。 Say列有25列; 从17到22开始的列需要背景颜色更改。 这是我到目前为止所尝试的: $(“#table1”).append(row1); $(row1).children(‘td’) .not(‘td:eq(0)’) .not(‘td:eq(0)’) .css({ “background-color”: workcolor }); 在这里,我使用Childeren’td’,其中所有行中的细胞都变色,而我需要根据列的ID更改特定的细胞背景。 我添加了我的Html代码你可以澄清一下: Image Employee 00:00 01:00 02:00 03:00 04:00 05:00 06:00 07:00 08:00 09:00 10:00 11:00 12:00 13:00 14:00 15:00 16:00 17:00 18:00 19:00 20:00 21:00 22:00 23:00

JQuery改变表格单元格的内容

好的,这是一个令人尴尬的简单问题。 为什么下面的jQuery示例不起作用? 显然它应该将表中的’a’改为’hello’。 HTML代码: a b ​ JavaScript(JQuery)代码: $(“#table1 td:contains(‘a’)”).innerHTML=”hello”;

jQuery可以使用多个tbody进行排序

我有一个有多个tbody的桌子。 如何为每个人制作标题? 这是怎么做的? 我使用jquery ui sortable。 我怎么能确定每个tbody的标题是不可排序的? 现在我用$(“#sortable > tbody”).sortable({});触发可$(“#sortable > tbody”).sortable({}); 。 Col1 Quantity Col1 100 Col1 20 Col1 30 Col1 50 Col1 100 Col1 20 Col1 30 Col1 50

Tablesorter斑马没有条纹直到排序

我有我的桌子,他们很棒,我可以对它们进行排序,它的效果非常好,除非它们不进行斑马条纹,直到我第一次对它们进行排序。 我的理解是,一旦表分拣机初始化它们就会被条纹化,是不是这样呢? 这是来自这里的tablesorter v 2.10(最新版): http : //mottie.github.io/tablesorter/docs/index.html

jQuery width()在表格单元格上返回不正确的值

在我正在编写的插件中,我遇到了表格单元宽度的可怕问题。 我所做的就是使用jQuery的.width()函数获取表格单元格的宽度,然后将相同的单元格设置为返回的宽度。 基本上,这个: $table.find(‘> thead > tr > th’).each( function() { var $th = $(this); $th.css({width: $th.width()}); } ); 但是,在许多情况下,返回的宽度不正确,并设置它会更改单元格的宽度。 起初它看起来好像被1px关闭所以我在返回的宽度上添加了1px。 但是随着边框越来越厚,它越来越多 – 但似乎并不是简单地添加边框宽度的情况。 对于初学者来说,显然有2个边框,但它只有1个边框的宽度。 并且随着边框宽度的变化,您需要添加几乎随机的值。 这是我的代码示例 – 宽度设置部分在页面加载后运行1秒,因此您可以看到更改。 有没有一种可靠的方法来获取/设置Javascript中表格单元格的宽度?

使用Jquery选择tr by id

我正在尝试在表格中选择一个tr来删除它,但我没有选择器的运气。 表看起来像这样: Product: Size: Colour: Qty Price Delete Shuttle 54.95 Red 1 [X] Shuttle 54.95 Red 1 [X] 带有产品ID的tr动态附加了jQuery,因此不确定是否会产生影响。 deleteProduct(id)函数如下所示: function deleteProduct(id) { $(‘#product_’ + id).remove(); } 点击后没有任何反应,Chrome控制台中没有错误。 在控制台中捣乱了一下: $(‘#selectedproducts’).html(); 返回数据$(‘#selectedproducts’).find(‘#product_1’).html()返回空

通过单击表格单元格中的任意位置,勾选表格单元格中的复选框

我正在试图弄清楚如何做到这一点,但我无法在任何地方找到这些信息。 基本上,我有一个表格,每个单元格包含一个复选框。 我希望能够通过单击单元格中的任意位置来勾选复选框。 我无法弄清楚如何做到这一点,Javascript对我来说是最好的解决方案,但我也可以使用jQuery。 这是我的一排表,我希望这样做: 9:00 – 10:00