Question

HY！我的赔率DIV上有一个点击事件，它应该编辑我的背景颜色，奇数，名字和值div的字体等!!

奇数div的改变是有效的，但不是儿童div !!!

    <div class="oddspanel ui-grid-a">
        <div class="description ui-block-a">
            Description
        </div>
        <div class="odd ui-block-b">
            <div class="name">
                Name
            </div>
            <div class="value">
                1,40
            </div>
        </div>
    </div>

这是我的脚本代码：

    $(".odd").click(function(){
        $(this).removeClass("odd").addClass("odd-active");
        $(this).children(".name").removeClass("name").addClass("name-active");
        $(this).children(".value").removeClass("value").addClass("value-active");
    });

我的CSS代码：

.odd .name {
width: 100%;
height: 15px;
line-height: 15px;
text-align: center;
font-size: x-small;
color: white;
 }

.odd .value {
width: 100%;
height: 25px;
line-height: 25px;
text-align: center;
color: #FFFF66;
  }

.odd .name-active {
 width: 100%;
 height: 15px;
 line-height: 15px;
 text-align: center;
 font-size: x-small;
 color: #9a9a9a;
 }

.odd .value-active {
width: 100%;
height: 25px;
line-height: 25px;
text-align: center;
color: #000000;
}

如果我之前删除.odd，例如.value-active它可以工作!!!但是我想把这个作为孩子放在css !!!的.odd中。

Answer 1

由于删除了odd并添加了odd-active，您需要使用odd-active代替odd：

.odd-active .value-active { /*not .odd .value-active*/
width: 100%;
height: 25px;
line-height: 25px;
text-align: center;
color: #000000;
}

jquery addClass找不到css类

1 个答案: