javascript - jQueryはクラスではなくCSSルールで選択できますか?

Question

A.containerには多くの を含めることができ.components、.componentsそれ自体に含めることができます.containers(これには .components などを含めることができます)。

次のようなコードが与えられた場合:

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

CSS が に設定され.containersているネストされたもののみを選択するには、中括弧内の行に何を追加する必要がありますか? 簡単なことだとは思いますが、jQuery はあまり使ったことがありません。widthauto

Answer 1

を調べてみてください.filter()。

何かのようなもの：

$('.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');
        }
    });
});

他の回答と同様ですが、コンポーネントには複数のコンテナーを含めることもできるため、ここでも幅について .each() チェックインが必要です。

Answer 3

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