javascript - 特定の CSS3 プロパティを使用する要素を選択する方法はありますか?

Question

ボーダー半径が !== 0 である DOM 内のすべての要素を選択したかったのです。

あなたはそれを行う方法を知っていますか？

Answer 1

はい。.filter()関数を使用します。

$(elements).filter(function(){
     return parseInt($(this).css("border-radius"),10) != 0;
});

Answer 2

CSS クラスを使用して境界線の半径を定義し、jQuery を使用してそれらを選択します。

CSS:

.border-radius {
    border-radius: 4px;
}

JS:

$('.border-radius')

Answer 3

border-radius徹底的に説明したいので、4つのコーナーすべてを個別に記述するために、複数の値を受け入れることができるという事実を考慮する必要があります。

$('*').filter(function() {
    var br = $(this).css("border-radius").split(' '),
        test = false;
    for (var i = 0, j = br.length; i < j; i++) {
        test = test || parseInt(br[i], 10);
    };
    return test;
})

http://jsfiddle.net/mblase75/SLUcb/

とはいえ、ページ上のすべての要素をフィルタリングすることは非常に非効率的です。より良いアプローチは、をクラスに割り当て、border-radiusそのクラスを持つオブジェクトの存在をテストすることです。