Comparer le contenu des cellules de table HTML JavaScript

Question

<table> 
    <tr> 
     <td class = "nowrap cr" id="cr1">123123</td> 
     <td class = "nowrap ch" id="ch1">123123</td> 
    </tr> 
    <tr> 
     <td class = "nowrap cr" id="cr2">123123</td> 
     <td class = "nowrap ch" id="ch2">123123</td> 
    </tr> 
    <tr> 
     <td class = "nowrap cr" id="cr3">467574</td> 
     <td class = "nowrap ch" id="ch3">123123</td> 
    </tr> 
</table> 

Comment régler le font-weight: bold dans tr où chID == crID

Je code écrit JS comme ci-dessous

$(function() { 
    for (var i = 0; i < 20; i++) 
    { 
     if ($('#cr' + i).val() == $('#ch' + i).val()) 
     { 
      $('#cr' + i).parent().css('font-weight', 'bold'); 
     } 
    } 
}); 

Mais il ne fonctionne pas. Faites-moi savoir comment je devrais atteindre la sortie désirée?

Answer 1

val() est pour les éléments d'entrée uniquement. Vous devez utiliser

if($('#cr'+i).html() == $('#ch'+i).html()) 

ou, pour comparer la valeur textuelle uniquement (ce qui est probablement ce que vous voulez)

if($('#cr'+i).text() == $('#ch'+i).text())