Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery选择所有div以重置背景颜色_Jquery_Jquery Selectors - Fatal编程技术网

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

JQuery选择所有div以重置背景颜色,jquery,jquery-selectors,Jquery,Jquery Selectors,我有一个名为time_holder的动态生成的div,它的出现次数取决于从数据库返回的行数 当其中一个div被点击时,我希望背景改变颜色,而所有其他的time_holder div保持或改变回原始颜色。我认为简单的重置就可以完成工作,但这似乎不起作用: $(document).on('click', '.time_holder', function(){ $('.time_holder').css('background-color', '#EODEF3'); $(this).css('back

我有一个名为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的背景。

addClass
不用于添加属性。使用。下面是简化bit事件绑定的示例:

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

我使用以下代码使其正常工作:-

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

但是我不明白为什么原稿没有出现……

实际上我的打字错误-上面的例子是我应该写的,尽管之前单击的div仍然保持“单击”的颜色。我试图将类切换方法作为替代方法。我编辑了我的帖子以反映这一点:)由于包含时间持有者div的代码是动态生成的,而不是在原始DOM中,因此此方法似乎不起作用-我的原始代码起作用,但不会将所有div重置为原始颜色。您能否修改我的示例中的小提琴,以展示如何构建
时间持有者
元素?