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");
}
});