Question

我的html中有tr，如此

<link rel="stylesheet" type="text/css" href="some_file.css"> // at the head

<c:forEach var="some_variable" items="some_items">
      <tr class="some_class"> some_variable </tr>
</c:forEach>

我还有一个提交按钮

<input type="submit" value="submit" onclick="onSave()"/>

点击按钮将触发外部javascript中的功能

$( '.some_class' ).each( function() {
    if( some condition which involve '.some_class' ) {
       $( this ).addClass('another_class');
    } else {
       $( this ).removeClass('another_class');
    } 
});

另一个类来自外部css，其中包含

.another_class {
    background-color: '#ffffb4';
}

我不明白为什么当我向tr添加一个类时，tr不会改变背景颜色，我做错了什么？

Answer 1

首先，我会纠正您的输入，该输入具有未关闭的值属性：

<input type="submit" value="submit onclick="onSave()"/>

更改为

<input type="submit" value="submit" onclick="onSave()"/>

您在行中缺少 td 元素

<tr class="some_class"> <td>some_variable</td> </tr>

啊，并从你的风格规则中删除撇号，如下所示：

.another_class {
    background-color: #ffffb4;
}

基本的JSFiddle与你的问题 - ＆gt; http://jsfiddle.net/ApfJz/24/

外部JS文件+ jquery + css

1 个答案: