请在jsfiddle上查看我的代码,因为我似乎无法弄清楚如何在此处发布。 按下“点击绘制赢家”按钮后,10秒钟后,确定获胜者。但是,只有获奖者选票号码突出显示。突出显示第一列的结果/获胜突出显示的单元格中的单元格
需要添加什么才能突出显示相应的获胜选票名称?
https://jsfiddle.net/Nick_Chand/tymv6m03/
<div class="container">
<table style="width: 100%; height: 100%; margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="width: 50%; text-align: center; vertical-align: middle;" rowspan="2">
<button class="choosewinner" style="text-align: center; font-weight: bold; font-size: 18px;">Click to Draw a Winner</button>
</td>
<td align="center;" style="text-align: center; font-size: 16px; font-weight: bold;">WIN A PRIZE OF $</td>
</tr>
<tr>
<td style="width: 50%; text-align: center; font-weight: bold; color: #E63946">Qualifying Reps - Prize Number 1</td>
</tr>
</tbody>
</table>
<table id="table_id" class="table text-center">
<tbody class="row" style="font-size: 12px; ">
<table class="tableizer-table" >
<thead>
<tr class="tableizer-firstrow">
<th style="text-align: center;">_______Rep_______</th>
<th style="text-align: center;">_Ballots_</th>
<th style="text-align: center;">_Probability_</th>
<th style="text-align: center;">1</th>
<th style="text-align: center;">2</th>
<th style="text-align: center;">3</th>
<th style="text-align: center;">4</th>
<th style="text-align: center;">5</th>
<th style="text-align: center;">6</th>
<th style="text-align: center;">7</th>
<th style="text-align: center;">8</th>
<th style="text-align: center;">9</th>
<th style="text-align: center;">10</th>
</tr>
</thead>
<tbody align=center>
AB50.26%1 2 3 4 5 D.K60.31%1 2 3 4 5 6 T.R90.47%1 2 3 4 5 6 7 8 9 G.J30.16%1 2 3
做标记,如果它的工作对你的答案是正确的。 – Abhinav