Agregue color de fuente css con jquery

Question

Claro que es una pregunta simple, pero no puedo solucionarlo, ¿alguien puede ayudarme?

Esta es la línea original

$('.winning-col', this).text($('td.win', this).length); 

y aquí es donde se me ocurrió, sin duda no es correcta.

$('.winning-col', this).text.css('color', 'pink'($('td.win', this).length)); 

Answer 1

Se podía hacerlo de la manera rápida:

$(".winning-col", this) 
    .text($("td.win", this).length) 
    .css("color", "pink"); 

Pero lo ideal, se usaría en lugar .addClass:

$(".winning-col", this) 
    .text($("td.win", this).length) 
    .addClass("hilighted"); 

Dónde

.hilighted { color: pink; } 

Answer 2

$('.winning-col', this).text($('td.win', this).length).css('color', 'pink'); 

Answer 3

Prueba esto:

$('.winning-col', this).text($('td.win', this).length).css('color', 'pink'); 

llamada Cada función, incluso en jQuery, todavía está separado. La primera llamada es .text() para cambiar el texto. El segundo es .css() para cambiar el CSS. Simplemente sucede que en jQuery cada llamada de función de este tipo devuelve un objeto jQuery en el que puede llamar a más funciones, encadenando así todas juntas.

Answer 4

que me gustaría añadir un poco de información adicional aquí, en caso de que no lo sepas. Cuando se utiliza la función css(), también puede especificar los argumentos como lo que se llama un objeto literal, que básicamente significa algo en este formato:

{objectVarName1: objectVarValue1, objectVarName2: objectVarValue2} 

También puede hacerlo de esta manera:

{"objectVarName1": objectVarValue1, "objectVarName2": objectVarValue1} 

con la función css(), usted puede hacer esto:

$("#the_item_id").css({backgroundColor: "#333", color: "#FFF"}); 

Si los nombres de las variables que está pasando no están entre comillas, usted tiene que hacerlo en camello caso como lo hice anteriormente , lo que significa que th La primera palabra del nombre de la propiedad CSS es en minúscula, pero cada palabra después de eso está en mayúsculas (por lo que la propiedad CSS background-color se convierte en backgroundColor). Para hacer el equivalente de lo anterior, en la forma donde se pone el nombre de la variable en el objeto entre comillas, usted acaba de hacer esto:

$("#the_item_id").css({"background-color": "#333", "color": "#FFF"}); 

Sólo quería señalar que usted no tiene que la cadena llamadas múltiples a .css() juntas, que puede hacer todos sus cambios CSS a la vez. ;)