JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>slno</td>
        <td>first</td>
        <td>second</td>
        <td>result</td>
    </tr>
    <tr>
        <td>1</td>
        <td class="combat">--</td>
        <td class="ac_yeild">1.00</td>
        <td class="res"></td>
    </tr>
     <tr>
        <td>2</td>
        <td class="combat">20</td>
        <td class="ac_yeild">--</td>
         <td class="res"></td>
    </tr>
     <tr>
        <td>3</td>
        <td class="combat">--</td>
        <td class="ac_yeild">1.00</td>
         <td class="res"></td>
    </tr>
     <tr>
        <td>4</td>
        <td class="combat">64468</td>
        <td class="ac_yeild">1.00</td>
         <td class="res"></td>
    </tr>
     <tr>
        <td>5</td>
        <td class="combat">977</td>
        <td class="ac_yeild">2.00</td>
         <td class="res"></td>
    </tr>
    <tr>
        <td>6</td>
        <td class="combat">--</td>
        <td class="ac_yeild">2.00</td>
         <td class="res"></td>
    </tr>
    <tr>
        <td>7</td>
        <td class="combat">--</td>
        <td class="ac_yeild">--</td>
         <td class="res"></td>
    </tr>
</table

CSS

td{
    padding-right:50px;
}

JavaScript

$('tr').each (function() {
        var frstCol = $(this).find('.combat').text();
        var seCol = $(this).find('.ac_yeild').text(); 
       
        
           var result = parseInt(frstCol) * 100 / parseInt(seCol);
           console.log(result);
            $('.res').text(result);
       

         
    });