Cómo agregar una segunda regla css a la función javascript .css

¿Cómo es posible agregar una segunda regla CSS a esta función? Como ejemplo, también quiero cambiar el color de la fuente.

$("#Testtable tr td").filter(function () 
        {
        var x = "xyz";
        return $(this).text() === x;
        }).closest('tr').css("background-color", "white");

preguntado el 05 de febrero de 14 a las 07:02

Usa un objeto....css({ 'background-color': white, 'color': 'blue' }); -

Una documentación jQuery dice más que mil palabras... api.jquery.com/css -

@UweB Bueno, literalmente hay "más de mil" palabras en esa página. y es posible que uno no esté en condiciones de escanearlos todos ... solo digo :) -

3 Respuestas

Echa un vistazo a la jQuery docs en .css:

Puede simplemente pasar un objeto a .css:

$('#myElement').css({
    "background-color": "#ffe",
    "border-left": "5px solid #ccc"
});

El objeto puede contener tantas propiedades css como desee/necesite.

Alternativamente, usted podría cadena .css() llamadas, pero eso sería ineficiente, más difícil de mantener y más código para lograr lo mismo que un objeto (Entonces, así es como no para hacerlo):

.css("background-color", "#ffe",).css("border-left", "5px solid #ccc");

Dato curioso:

jQuery reconoce ambos background-color y backgroundColor. El que tiene un guion tiene estar entre comillas:

{"background-color":"white"}

Mientras que para el último, las comillas son opcionales cuando se usan en el objeto:

{backgroundColor:"white"}

Sin embargo, en aras de la coherencia, diría: siempre use comillas.

Respondido 05 Feb 14, 08:02

solo usa asi..

$("#Testtable tr td").filter(function () 
        {
        var x = "xyz";
        return $(this).text() === x;
        }).closest('tr').css({
            "background-color" :  "white",
            "display" : "block"
        });

Respondido 05 Feb 14, 07:02

Es mejor usar solo .addClass si está agregando múltiples propiedades CSS a un elemento, ya que es más fácil de mantener y legible.

Sin embargo, para responder a su pregunta, pase el .css método un objeto literal:

.css({
   'background-color' : 'white',
   color : 'yellow'
});

Cualquier propiedad CSS con un guión debe estar entre comillas.

Respondido 05 Feb 14, 07:02

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.