0

テーブルがあり、特定の tr がその前の tr と同じ css クラスを持つようにします。

以下の例では、tr に class="?" を使用しています。上記のものと同じクラスを持つ必要があります。これは可能ですか？

<table>
  <tr class="red">
    <td></td>
  </tr>
  <tr class="?">
    <td></td>
  </tr>
  <tr class="blue">
    <td></td>
  </tr>
  <tr class="?">
    <td></td>
  </tr>
</table>
4

6 に答える 6

1

すべての html 要素は css でアドレス指定できるため、stylesheetcss で次のように宣言 すると、要素はtrになり、すべてのテーブル行は上記の一般的な宣言で設定したプロパティを持ち、オーバーライドしたい場合はクラスを使用するように、特定の値に対処できますelement{
set the desired property ; }
table rows

于 2013-08-22T16:09:46.810 に答える
1

これを試して：

HTML:

<table border="1" style="border-collapse:collapse;">
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
</table>

jQuery:

$(function(){
    $("tr").addClass("red");
    $("tr:nth-child(4n)").removeClass("red").addClass("blue")
        .prev().removeClass("red").addClass("blue");
});

これにより、4 番目ごとの子が選択され、赤の CSS クラスが削除され、青の CSS クラスが追加され、前の要素に移動され、同じことが行われます。

注:これは、いろいろ試すことができるjsFiddleです。

于 2013-08-22T16:12:12.377 に答える
0

javascript がなくても、 element:li:nth-child(x) の値を n、n+1、2n+1 などのように変更でき、さまざまな値を指定できます。

于 2013-08-22T16:33:13.400 に答える