1

ユーザーが <input type=file> ボタンを使用してページにファイルを追加できるようにしています。各ファイルは、新しい行としてテーブルに追加されます。奇数行と偶数行で異なる背景色を設定する必要があります。現在、スタイルで n 番目の子を使用していますが、IE8 のソリューションが必要です。

IE 8: ユーザーが新しいファイルを追加するたびに、テーブルで行の背景色を設定する必要があります。

これまでの私のコードは次のとおりです。

<style>
 .OddRow {
    background: #eeeeee;   
    border-bottom: 1px solid #ccc;  
}

.EvenRow {
    background: #fff;     
    border-bottom: 1px solid #ccc;
}

</style>

        <span class="addfiles">
            <span>Add Files...</span>
            <input id="addFile" type="file" name="files[]" multiple>
        </span>

<table class="table table-striped">
    <tbody class="files"></tbody>
</table>

 <script>
    $(function () {
        $('#addFile').change(function () {
            $(".table table-striped tbody tr:even td").addClass('EvenRow');
            $(".table table-striped tbody tr:odd td").addClass('OddRow');
        });     
    });

 </script>

変更機能が呼び出されていますが、行スタイルは適用されていません。.addClass コードの多くのイベントと場所を試しました。

ありがとう。

4

1 に答える 1

1

tdテーブルの行自体ではなく、を選択しています。またtable-striped、正しくターゲットにされていませんでした (テーブル上の別のクラスであると仮定して)。jQueryセレクターを次のように変更します

   $(".table.table-striped tbody tr:even").addClass('EvenRow');
    $(".table.table-striped tbody tr:odd").addClass('OddRow');
于 2013-02-20T20:49:13.513 に答える