Question

我有一个名为time_holder的动态生成的div，根据从数据库返回的行数，它有很多次出现。

当单击其中一个div时，我希望背景更改颜色，所有其他time_holder div保持或更改回原始颜色。我虽然简单的重置可以完成这项工作，但这似乎不起作用：

$(document).on('click', '.time_holder', function(){
$('.time_holder').css('background-color', '#EODEF3');
$(this).css('background-color', '#ccc');
});

我期待第一行将所有时间段div重置为原始颜色，然后第二行更改所单击div的背景。

Answer 1

addClass不适用于添加属性。使用.css()。这是the code，简化了一点事件绑定：

$('.time_holder').on('click', function() {
    $('.time_holder').css('background-color', 'red');
    $(this).css('background-color', 'blue');
});

Answer 2

我已经使用此代码了解它： -

$(document).on('click', '.time_holder', function(){
$('.time_holder').removeClass('link_bg').addClass('normal_bg');
$(this).addClass('link_bg');
});

但无法理解为什么原件没有发生.....

JQuery选择所有div来重置背景颜色

2 个答案: