2

JavaScriptファイルにこの式があります...

$('tbody tr:even').addClass("alt-row");

テーブルのすべての行の色が交互に変わりますが、これで問題ありません。ただし、「no-alternate-color」などの例外クラスを tr に追加したいと考えています。

<table id="invoice">
  <tbody>
  <tr class="headings">
    <th class="item first" style="padding-left:5px;">Unidad</th>
    <th class="description">Descripcion</th>
    <th class="price">Precio</th>
    <th class="quantity">Cantidad</th>
    <th class="linetotal last" style="padding-right:7px;">Total</th>
  </tr>
  <tr class="lineitem alt-row" style="border-bottom:1px solid #e5e5e5;">
    <td class="item_name_data" style="padding:2px 2px 2px 5px;">MacBook Pro 13"</td>
    <td class="description">13-inch: 2.4 GHz
2.4GHz dual-core
Intel Core i5
    </td>
    <td class="price_data">1199.99</td>
    <td class="quantity_data">2</td>
    <td class="linetotal_data" style="padding-right:5px;">2399.98</td>
  </tr>
  <tr class="lineitem" style="border-bottom:1px solid #e5e5e5;">
    <td class="item_name_data" style="padding:2px 2px 2px 5px;">Muji Table</td>
    <td class="description">awesome light brown table</td>
    <td class="price_data">89.99</td>
    <td class="quantity_data">1</td>
    <td class="linetotal_data" style="padding-right:5px;">89.99</td>
  </tr>
</tbody>
</table>

たとえば、上の表には、もともと tr に「alt-row」クラスがありませんでしたが、jQuery 関数によって追加されました。

私は jQuery にあまり詳しくありません。どうすればそれを達成できますか？

4

2 に答える 2

5 
$('tbody tr:not(.no-alternate-color):even').addClass("alt-row");

http://jsfiddle.net/CKeew/

于 2012-04-11T17:38:31.223 に答える
5

必要に応じて、CSS だけでこれを行うことができます (何を達成しようとしているかによって異なります)。

http://jsfiddle.net/xENWM/1/

于 2012-04-11T17:50:47.047 に答える