jquery - Div 获取颜色并在使用 jquery 单击时丢失

Question

人

这里我有一个用于评级(劣势、平均、优势)的 JS 代码和所有这些参数的按钮。

但是我有一个问题，当我点击劣势、平均和优势按钮时，如果之前点击过这些按钮，它必须失去颜色，如果我点击平均或优势，这也是一样的，因为其他按钮必须失去它们的颜色颜色，只有单击按钮才能获得颜色。问题出在某个地方。我将代码放在一个 jsfiddle 中:

http://jsfiddle.net/mwsvP/

$(".ca_button, .ca_button1").click(function () {

    $this = $(this);

    if ($this.is("a")) {
        $this = $this.parent();
    }

    $par = $this.parent();

    $par.find(".ca_button, .ca_button1").css("background-color", "#bababa");

    if ($(this).hasClass("ca_button1")) {
        $this.find("a").css("background-color", "#0F0");
    } else {
        $this.find("a").css("background-color", "#F00");
    }

    return false;

});

Answer 1

我认为问题在于您定义 this 变量的方式:

$this = $(this);

如果你这样做应该会更好:

var t = $(this);

然后在现在使用 $this 的地方使用 t。

$(".ca_button, .ca_button1").click(function () {

    var t = $(this);

    if (t.is("a")) {
        t = t.parent();
    }

    $par = t.parent();

    $par.find(".ca_button, .ca_button1").css("background-color", "#bababa");

    if ($(this).hasClass("ca_button1")) {
        t.find("a").css("background-color", "#0F0");
    } else {
        t.find("a").css("background-color", "#F00");
    }

    return false;

});

这是您更新的 jsFiddle:http://jsfiddle.net/mwsvP/2/