Si <div> tiene un valor de, por ejemplo, Green , agregue class green .
HTML
<div>Green</div> <div>Red</div>CSS
.green { color: green; }jQuery
if ($("div").val() == "Green") { $("div").addClass("green"); }La clase debe agregarse a div con Green y omitirse para Red.
editar: se agregó div adicional.
Debe verificar el text() de div para que su código funcione. Vea el código a continuación.
Consejo : también lo alentaría a agregar una class o una id a sus elementos y orientar su jQuery a través de ellos para evitar cambios inesperados.
Ejemplo con un div
if ($("div").text() == "Green") { $("div").addClass("green"); } .green { color: green; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div>Green</div>Ejemplo con más de un div
$("div").each(function() { if ($(this).text() == "Green") { $(this).addClass("green"); } }); .green { color: green; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div>Green</div> <div>Yellow</div> <div>Green</div>Pure Vanilla Js si lo necesitas
let element = document.getElementsByTagName('div')[0] let name = document.getElementsByTagName('div')[0].innerHTML element.classList.add(name); .green { color: green; } <div>green</div>