私はJavaScriptファイルでこの表現を持って除いて、代替行の色...それはokですすべての私のテーブルの行の色を、交互にjQueryの:「ノー代替色」クラス
$('tbody tr:even').addClass("alt-row");
。しかし、私は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-行」クラスを持っていなかったが、それは、jQueryの機能により添加しました。
私はjQueryに慣れていません。どうすればそれを達成できますか?
HTMLで説明してください。 –
HTMLが追加されました。 – leonel