Три вопроса о работе с таблицами с помощью jQuery

Question

1. как выделить строку, когда мышь включена, а затем отменить выделение, когда мышь отсутствует

2. как обновить указанную строку новыми значениями?

3. как узнать количество строк в таблице?

EDIT : тот, у кого лучший ответ за вопрос q2, будет помечен как ответ для этого сообщения:)

Answer 1

One:

$('#mytable').find('tr').hover(function() {
    $(this).addClass('active');
}, function() {
    $(this).removeClass('active');
});

Наряду с этим CSS:

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

Два:

Вы сказали обновить "строку", но все, что вы действительно можете обновить, это ячейки, если вы не хотите создавать совершенно новые ячейки.

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

Или:

var $cell = $('<td>').html('Contents');
$(row).html($cell);

Или, если строка таблицы имеет 3 ячейки, обновить первую:

$(row).find('td').eq(0).html('Contents');

Три:

$('#mytable').find('tr').length;

Answer 2

По первому вопросу:

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

По третьему вопросу:

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

Answer 3

1 . http://docs.jquery.com/Events/mouseover

Я полагаю, вы можете использовать это или. Hover.

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

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

}).mouseout(function() {

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

});

И добавьте избыточный класс в свой CSS.

2 . Вы не обновляете строку, вы обновляете ячейки таблицы внутри строки.

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

3 .

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