JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<table id="tbl">
<tr><td>YMO</td><td>70〜80年代に活躍した日本のテクノポップグループ</td></tr>
<tr><td>クラフトワーク</td><td>ドイツを代表するテクノを世に広めたテクノグループ</td></tr>
<tr><td>スティーブ・ライヒ</td><td>ミニマル・テクノの祖として、実験的電子音楽を70年代に発表</td></tr>
<tr><td>マニュエル・ゲッチング</td><td>ニューミュージック、イージーリスニング的テクノを80年代初頭に発表</td></tr>
</table>

CSS

#tbl {
   border-top: 1px solid #000;
    border-left: 1px solid #000;
}
#tbl td {
     border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
#tbl tr.even td {
    background-color: #eee;
}

JavaScript

$(document).ready(function() {
    $('#tbl').find('tr:even').addClass('even');
    //console.log($('#tbl').children());//children is tbody
});