Hola gente del foro
recien empiezo con Jquery y estoy viendo un video tutorial para aprender
tengo este codigo que armé para practicar y no funciona (abajo lo pego)
si saco "#cantidad" del codigo del style y del script funciona pero se aplica a todos los span cuando yo quiero que solo sepalique a los que estan dentro de "cantidad"
imagino que tendrá que ver con la fomar de escribir los selectores DOM pero no entiendo porqué está mal
lo que intenta hacer el codigo es darle un color de fondo a los span con css y cambiar el color del ultimo span que está dentro del elemento con id "cantidad" aplicandole otro estilo.
gracias por ayudarme
saludos
Código:
<html>
<head>
<script llamada a jquery.js>
<style type="text/css">
#cantidad span {
margin: 6px;
width: 50px;
font-family: Tahoma;
font-size: 14px;
background-color: #ff0000;
color: #ffffff;
text-align: center;
cursor: pointer;
font-weight: bold;
}
.otro-color {
color: #000000;
background-color: #00ffff;
}
</style>
<script>
$(document).ready(function() {
$('#cantidad span:last').addClass('otro-color');
});
</script>
</head>
<body>
<div id="cantidad">
<span>500</span>
<span>1000</span>
<span>2000</span>
<span>5000</span>
<span>10000</span>
</div>
<div id="color">
<span>rojo</span>
<span>amarillo</span>
<span>verde</span>
<span>azul</span>
</div>
</body>
</html>