关于jQuery表操作的三个问题

如何在鼠标打开时高亮显示行，然后在鼠标退出时取消高亮显示

如何使用新值更新指定行

如何获取表中的行数

编辑： 第二季度答案最好的一个将被标记为该帖子的答案：）

1

alert( $('table tr').length ); // count all descendant table rows

我相信你可以用这个或。悬停

$('tr').mouseover(function() {

    $(this).addClass('over');

}).mouseout(function() {

    $(this).removeClass('over');

});

并在CSS中添加一个over类

2。不更新行，而是更新行内的表格单元格

$('tr:first td:first').text( 'something' )

3

alert( $('table tr').length ); // count all descendant table rows

一: 除了这个CSS：

#mytable tr.active td {
    background-color: #ccc;
}

二: 你说过要更新“行”，但你真正能更新的只是单元格，除非你想创建一个全新的单元格

$(cell).html('Contents');

或：

三:

---

关于第一个问题：

$("#table1 tr").hover(
   function()
   {
    $(this).addClass("highlight");
   },
   function()
   {
    $(this).removeClass("highlight");
   }

var count = $("table1 tr").length

关于第三个问题：

$("#table1 tr").hover(
   function()
   {
    $(this).addClass("highlight");
   },
   function()
   {
    $(this).removeClass("highlight");
   }

var count = $("table1 tr").length

---

对于2，如果有6列，如何最有效地更新它们？除非您注意到速度非常慢，并且可以提供所述演示，否则我不会担心。我不是说速度会慢一些，但看起来非常不紧凑。在另一个答案中，您的注释代码似乎很紧凑。un-compact通常意味着多行dom脚本，我说它已经足够好了。多行类似的脚本，感觉非常不紧凑。hover如何决定mouseover和mouseout的哪个函数？第一个是hover，第二个是out。hover不仅仅是mouseover和mouseout的包装器，它还处理了由您正在悬停的元素的子元素可能导致的许多问题。好的，现在让我们关注第二个问题：）我不确定第二个问题如何使用新值“”更新指定行？值存储在哪里？值的结构是什么？它是一些普通值还是一些HTML内容？当您使用$（row.HTML（'Contents'），监听器还能工作吗？我的意思是悬停函数会被它覆盖吗？如何最有效地更新6个单元格？$（行）。find（'td'）。eq（0）。html（'Contents'）；将使它非常长。如果只更新一行，这不是什么大问题。您可以通过如下操作缓存行单元格：var$cells=$（row.find（'td'）；然后是$cells.eq（0.html（“..”）；和$cells.eq（1）.html（“…”）；如果你真的想，你可以写一个快速的插件来“压缩”它。我不确定第二个问题如何使用新值“”更新指定行？值存储在哪里？值的结构是什么？它是一些普通值还是一些HTML内容？是否需要一次更新每个单元格或整行？这些值都是由用户填写的表单提供的文本值。我需要一次更新整行。

var count = $("table1 tr").length