JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<table class="table">
                                    <thead>
                                        <tr>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <c:forEach items="${listaResultados}" var="resultad">
                                            <tr>
                                                <td>Vitória</td>
                                                <td>${resultad.placar1}</td><br>
                                                <td>${resultad.placar2}</td><br>
                                                <td>${resultad.oponenteTemp}</td><br>
                                                <td>${resultad.momento}</td><br>
                                                <td><span class="label">${resultad.statusResultados}</span></td>
                                            </tr>
                                        </c:forEach>
                                    </tbody>
                                </table>

CSS

td{width:100%;float:left}

JavaScript

$(document).ready(function () {
       var rt = $("tbody td").each(function () {
            if ($(this).html() === "Vitória") {
                //limpa class anterior
                $(this).removeAttr('class');
                //adiciona class desejada 
                $(this).addClass('label label-success');
            } else if ($(this).text() === "Derrota") {
                //limpa class anterior
                $(this).removeAttr('class');
                //adiciona class desejada 
                $(this).addClass('label label-danger');
                
            }
        });
        console.log(rt);
    });