Javascript 更改动态表中给定行(onClick事件)的背景色

Javascript 更改动态表中给定行(onClick事件)的背景色,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我正在生成一个动态表,根据用户输入,它可以有多行。当用户选择/单击任何行时,我想更改行的背景颜色。我的代码看起来是这样的:注释部分是我做的试用版,但它们不起作用 function Contact_OnUpdateTelephone() { $('#tableTelephone > tbody > tr').remove(); for (var c = 0; c < _updatedTelephoneList.length; c++) { var

我正在生成一个动态表,根据用户输入,它可以有多行。当用户选择/单击任何行时,我想更改行的背景颜色。我的代码看起来是这样的:注释部分是我做的试用版,但它们不起作用

function Contact_OnUpdateTelephone() {
    $('#tableTelephone > tbody > tr').remove();
    for (var c = 0; c < _updatedTelephoneList.length; c++) {
        var index = _updatedTelephoneList[c].Index;
        var id = _updatedTelephoneList[c].Id;

        $('#tableTelephone tbody:last').append("<tr onclick = GetTelephoneData(" + index + ",'" + id + "');><td>" + index + "</td><td>" + id + "</td></tr>");           
    }       
}



function GetTelephoneData (index, id) {

//Change the color of the clicked (selected) row

//       $("#tableTelephone tbody tr").removeClass("altcol_blue");
//       $(this).addClass("altcol_blue");

//       $("tr").click(function(){
//          $(this).addClass("altcol_blue").siblings("tr").removeClass("altcol_blue");
//       });

        $("#tableTelephone tr td").live( 'click', function () {
            $(this).addClass("altcol_blue").siblings("tr").removeClass("altcol_blue");
        });

Var SelectedIndex = index;
...
...

    }

根据你的帖子,我想你想知道如何改变背景色

如果您只想在此处高亮显示一行,I:

    $("#tableTelephone tr td").each(function () {
        if ($(this).parent().hasClass("altcol_blue") == false)
        {
          $("#tableTelephone tr").removeClass("altcol_blue");
          $(this).parent().addClass("altcol_blue");
        }
    });

这种方法背后的想法是,确保将“altcol_blue”类从旧行中删除。

在一个看似可重复的函数中,live处理程序看起来非常错误。应该设置一次。非常正确。。。由于前两种方法不起作用,所以我尝试引入另一个现场活动,这不是必需的…&它也不起作用。
    $("#tableTelephone tr td").each(function () {
        if ($(this).parent().hasClass("altcol_blue") == false)
        {
          $("#tableTelephone tr").removeClass("altcol_blue");
          $(this).parent().addClass("altcol_blue");
        }
    });