0

以下は、 .noindexと.ms-wpContentDivSpaceの 2 つのスタイルの組み合わせを持つ Div に適用する必要があるスタイルを挿入するために使用しているものです。

<script>
$(document).ready(function(){
$('.noindex, .ms-wpContentDivSpace')..css({
   overflow: auto,
   height : '150px'
});
});
</script>



<style> 
    .autoScrolListViewWP 
    {   
        HEIGHT: 150px; 
        OVERFLOW: auto 
    } 
</style>
<script> 
    $(document).ready
    (
        function()
        { 
            $('.noindex, .ms-wpContentDivSpace').addClass('autoScrolListViewWP');
        }
    );
</script>

しかし、私が必要としているのは、上記の新しい CSS autoScrollListViewWPは、css の組み合わせがこれらの 2 つのクラス .noindexおよび.ms-wpContentDivSpaceだけのものである要素にのみ追加する必要があるということです。

ただし、上記のスクリプトは、これら 2 つのクラスが存在する css の任意の組み合わせにスタイルを適用します。例.ms-WPBody、.noindex およびms-wpContentDivSpace autoScrollListViewWP

私の質問は、CSS クラスの特定の組み合わせのみを識別する方法です。

4

5 に答える 5

1

以前のコードの編集:

$("[class*='.noindex .ms-wpContentDivSpace']").addClass('autoScrolListViewWP');

これはうまくいくはずです。

編集: 動作します。例を参照してください: JsFiddle

于 2013-01-30T14:50:49.190 に答える
1

解決策は、2 つのクラスを持つすべての要素を取得し、それらを繰り返し処理して、他のクラスがあるかどうかを確認することです。すなわち:

$('.noindex.ms-wpContentDivSpace').each(function(i, elem) {
    var classes = elem.className.split(/\s+/);
    if (classes.length === 2) { // they should have only these two classes
        $(elem).addClass('autoScrolListViewWP');
        // alternatively elem.className += ' autoScrolListViewWP'; (untested)
    }
});
于 2013-01-31T06:15:59.210 に答える
0

スペースを取り出すだけです。

$('.noindex.ms-wpContentDivSpace').addClass('autoScrolListViewWP');

noindexこれにより、クラスと。の両方を持つ要素にのみクラスが追加されms-ContentDivSpaceます。

うん、jQueryはかなり賢い。CSSを使用するのと同じです。

編集：

これらの2つのクラスがあり、他のクラスがない場合は、要素を選択する必要があることに気づきませんでした。それは少しトリッキーです。

含めたくないクラスがわかっている場合は、これが最も簡単な（そして最速の）方法です。

$('.noindex.ms-wpContentDivSpace').not('.theClassYouDontWant').addClass('autoScrolListViewWP');
于 2013-01-30T14:54:12.170 に答える
0

試す

$('.noindex.ms-wpContentDivSpace').addClass('autoScrolListViewWP');

これは、両方のクラスを持つ要素の標準のcssトリガーです

于 2013-01-30T14:54:16.637 に答える
-2

jQuery 呼び出しで、

$('.noindex, .ms-wpContentDivSpace')..css({

.noindex のそれぞれと .ms-wpContentDivSpace のそれぞれを意味します

$('.noindex.ms-wpContentDivSpace')..css({

.noindex AND .ms-wpContentDivSpace を意味します

于 2013-01-30T14:51:10.300 に答える