ejemplos - before javascript

jQuery: ¿Puedes seleccionar por regla de CSS, no por clase?

Question

Un .container puede contener muchos .components, y los propios componentes pueden contener .containers (que a su vez pueden contener .components, etc.)

Dado un código como este:

$(".container .component").each(function()
{
    $(".container", this).css(''border'', ''1px solid #f00'');
});

¿Qué debo agregar a la línea dentro de los corchetes para seleccionar solo los contenedores .contenedores que tienen su ancho en CSS establecido en ''auto''? Estoy seguro de que es algo simple, pero realmente no he usado tanto jQuery.

Answer 1

Es posible que desee examinar .filter() .

Algo como:

$(''.container .component .container'')
.filter(function() {return $(this).css(''width'') == ''auto'';})
.css({border: ''1px solid #f00''});

Answer 2

$(".container .component").each(function()
{
    $(".container", this).each(function() {
        if($(this).css(''width'') == ''auto'')
        {
            $(this).css(''border'', ''1px solid #f00'');
        }
    });
});

Similar a la otra respuesta, pero dado que los componentes también pueden tener múltiples contenedores, también necesita el .each () aquí también para el ancho.

Answer 3

$(".container .component").each(function() {
    if ($(".container", this).css(''width'') === "auto")
        $(".container", this).css(''border'', ''1px solid #f00'');
});