Actualmente estoy haciendo un juego de conectar cuatro, me han aconsejado que use un código existente que he usado previamente en un juego de ceros y cruces.

El problema que tengo es tratar de cambiar los ceros y las cruces en colores. El código que tengo actualmente es (http://pastebin.com/AkCBLnmt). Quiero cambiar x a verde y o a rojo.

He intentado lo siguiente pero no funcionó:

$(this).colour("Red");

$(this).colour("Green");

¿Podría alguien aconsejarme cómo cambiar el texto (x & o) a colores rojo y verde.

Gracias

0
Michael 11 may. 2016 a las 14:18

5 respuestas

La mejor respuesta

Si quieres cambiar el color de fondo

$(this).css('background-color', 'red');

Si quieres cambiar el color del texto

$(this).css('color', 'red');
0
Johannes Geidel 11 may. 2016 a las 11:25

¿Algo como esto?

$('.colours').each(function(){
 if($(this).text() == 'x') {
  $(this).css('color','green');
 }else{
  $(this).css('color','red');
 }
});
0
line88 11 may. 2016 a las 11:27

Use jquery.css () para cambiar su estilo de la siguiente manera:

$(this).css({'color':'red'});
$(this).css({'color':'green'});

Para más estilo que U quiera cambiar, U puede usar

$(this).css({'color':'red','display':'block','margin':'10px'});...
0
Stefan 11 may. 2016 a las 11:24

Puedes probar esto para cambiar el color del texto:

$(this).css("color","red");
0
Dhara Parmar 11 may. 2016 a las 11:23

Prueba esto

 $(this).css({'color','red'});

Recuerde, ese código (generalmente) prefiere la ortografía americanizada.

Si esto no funciona para usted, ¿podría publicar el HTML que lo acompaña?

1
scottdurban 11 may. 2016 a las 11:27