次のことを達成するための最良の方法は何ですか。
スコアが最も高いチームの重み:太字+色:白を作成します。(ネクタイの色/重量に変更はありません)
HTML
<div class="fixture">
<div class="teams">
<p class="item_one_215">Newcastle United</p>
<p class="item_two_215">Tottenham Hotspur</p>
</div>
<div class="scores">
<p class="item_one_215">2</p>
<p class="item_two_215">1</p>
</div>
</div>
<div class="fixture">
<div class="teams">
<p class="item_one_216">Arsenal</p>
<p class="item_two_216">Sunderland</p>
</div>
<div class="scores">
<p class="item_one_216">0</p>
<p class="item_two_216">0</p>
</div>
</div>
jQuery
var teamOneGoal_215 = 2;
var teamTwoGoal_215 = 1;
if (teamOneGoal_215 > teamTwoGoal_215) {
$('p.item_one_215').css("font-weight","bold").css("color","#ccc");
}
else if (teamOneGoal_215 === teamTwoGoal_215)
{
$('p.item_one_215').css("font-weight","bold").css("color","#777");
$('p.item_two_215').css("font-weight","bold").css("color","#777");
}
else
{
$('p.item_two_215').css("font-weight","bold").css("color","#ccc");
}
....
各チームに特定の変数を割り当てようとしましたが、これを実現するには、よりインテリジェントで効率的な方法が必要です。