.container может содержать множество .components, а сами .components могут содержать .containers (который, в свою очередь, может содержать компоненты и т. д.)
Данный код выглядит так:
$(".container .component").each(function(){
$(".container", this).css('border', '1px solid #f00');
});
Что мне нужно добавить к строке в фигурных скобках, чтобы выбрать только вложенные .containers, для которых width в CSS установлен на auto? Я уверен, что это что-то простое, но я особо не использовал jQuery.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


$(".container .component").each(function() {
if ($(".container", this).css('width') === "auto")
$(".container", this).css('border', '1px solid #f00');
});
$(".container .component").each(function()
{
$(".container", this).each(function() {
if ($(this).css('width') == 'auto')
{
$(this).css('border', '1px solid #f00');
}
});
});
Подобно другому ответу, но поскольку компоненты также могут иметь несколько контейнеров, здесь также требуется проверка .each () для ширины.
Вы можете изучить .filter().
Что-то вроде:
$('.container .component .container')
.filter(function() {return $(this).css('width') == 'auto';})
.css({border: '1px solid #f00'});
Большое спасибо за ваши ответы. В идеале я бы хотел включить правило CSS в селектор, чтобы у меня была группа всех .containers, которые находятся внутри .component, которые имеют ширину CSS: auto, но неважно.