He realizado un ejercicio con jQuery en el cual tengo que poner con color de fondo amarillo los párrafos que tengan menos de 100 caracteres, pero me pone cualquier párrafo en amarillo.
Código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ejercicio 20</title>
<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function ()
{
if($('p').val().length < 100)
{
$('p').css("background-color","yellow");
}
});
</script>
<style>
p{display: table;}
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum cupiditate eaque explicabo ipsam magnam magni modi
mollitia nobis optio placeat porro, quaerat quasi, quis quisquam quo similique sint sit tempora?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquid dignissimos distinctio dolore doloremque
eaque enim laudantium, nihil nulla obcaecati quod repudiandae soluta velit? Adipisci ipsum reprehenderit suscipit voluptas voluptatum?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquid dignissimos distinctio dolore doloremque
eaque enim laudantium, nihil nulla obcaecati quod repudiandae soluta velit? Adipisci ipsum reprehenderit suscipit voluptas voluptatum?
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquid dignissimos distinctio dolore doloremque
eaque enim laudantium, nihil nulla obcaecati quod repudiandae soluta velit? Adipisci ipsum reprehenderit suscipit voluptas voluptatum?
</p>
</body>
</html>