0

$("tr:even").css("color","yellow"); 最初のものが正しく機能するのに、2番目が機能しない理由がわかりません。

$(document).ready(function(){
    $("#button61").click(function(){
        $("tr:even").css("background-color","purple");
        $("tr:even").css("color","yellow");
    });
});
4

3 に答える 3

7

表のセルにスタイルを適用する必要があります（行をカバーしているため）：

$("tr:even td").css({ "background-color": "purple", "color" : "yellow" });

補足として：css()オブジェクトを引数としてメソッドを1回だけ使用するか、そのようにクラス名を割り当てるだけでよい

$("tr:even").addClass('highlight');

CSSでスタイルを定義します

.highlight td {
   background-color: purple;
   color: yellow;
}

そのため、コードのメンテナンスを改善するために、JavaScript から CSS を切り離すことができます。

于 2013-07-04T14:28:08.797 に答える
0

コードを確認しましたが、問題ありません。タイプミスをしていないことを確認してください。そうでなければ、まだ問題がある場合は明確に説明してください。スクリプト エラーがないかコンソールを確認します (F12 キーを押します)。

于 2013-07-04T14:38:15.783 に答える