change class label according to text

Question

Guys someone could help me with this js please?

I need the label to change according to the text, if it is "victory" is Success and is "defeat" is Danger, follow code below:

notes my ${resultad.statusResults} brings from the bank only "Win" and "Lose" and it prints this information on the screen, IE, really my js must be bad :/

• Script

  <script>
      $(document).ready(function () {
          $("span").each(function () {
              if ($(this).text() === "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');
              }
          });
      });
  </script>
  

• html

                                  <table class="table">
                                      <thead>
                                          <tr>
                                          </tr>
                                      </thead>
                                      <tbody>
                                          <c:forEach items="${listaResultados}" var="resultad">
                                              <tr>
                                                  <td>${resultad.jogadorTemp}</td>
                                                  <td>${resultad.placar1}</td>
                                                  <td>${resultad.placar2}</td>
                                                  <td>${resultad.oponenteTemp}</td>
                                                  <td>${resultad.momento}</td>
                                                  <td><span class="label label-success">${resultad.statusResultados}</span></td>
                                              </tr>
                                          </c:forEach>
                                      </tbody>
                                  </table>
  

Answer 1

Search for $("tbody td") and check the value with $(this).html() instead of $(this).text() As the code below

$(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).html() === "Derrota") {
            //limpa class anterior
            $(this).removeAttr('class');
            //adiciona class desejada 
            $(this).addClass('label label-danger');

        }
    });
    console.log(rt);
});

See an example working here