如何使用jQuery更改单击时的背景颜色?

时间:2011-06-07 12:27:48

标签: jquery click background-color

我有一个演示here

我想完成与this类似的事情。

我无法弄清楚我哪里出错了。

2 个答案:

答案 0 :(得分:4)

根据您的演示,您只需更改background-color跨度,无论其id如何,因此这些ifs非常不必要。只是it运作良好:

$(".AccordionPanelContent span").click(function() {
    $(".AccordionPanelContent span").css("background-color", "white");
    $(this).css("background-color", "red");
});

答案 1 :(得分:1)

DEMO

使用的代码:

$("span[id*='select']").click(function() {
    $("span[id*='select']").removeClass('selected');
    $(this).addClass('selected');
});

还有一点CSS:

.selected{
    background:#f00;
}

您可以看到$("span[id*='select']"),它会将选择器仅限制为名称中包含文字的ID元素:select....