0

JQuery CSS 呼び出し (変数を使用できるように CSS を変更する) をいくつかの Javascript div/class と一致させたいと考えています。ループ内にこれらのインスタンスが多数あるため、「id」は使用できません。編集：まだうまく機能していません。ここでもう少し詳細が必要だと思います。

CSS の関連部分 (ここには表示されていない他の変換行があります):

.thermometer .circle {
    position: absolute;
    ...

.pie {
    position: absolute;
    ...
}

.hold {
    position: absolute;
    ...
    clip: rect(0px, 26px, 26px, 13px);
}

.pieSlice1 .pie {
    background-color: white;
    -webkit-transform:rotate(60deg);
    transform:rotate(60deg);
}

JST EJS ファイル内:

 <div class="thermometer">
   <div class="circle <%= this.presenter.newColor(nutrient) %>">
     <div class="pieSlice1 hold">
       <div class="pie"></div>
         <% $(".pieSlice1.hold .pie").css({'-webkit-transform': 'rot
ate(22deg)'}); %>

「pieSlice1」と「hold」の間のスペースを削除しましたが、一致させるには他のクラスが必要ですか?

4

3 に答える 3

2

そのはず：

.pieSlice1.hold .pie

との間にスペースを入れず.pieSlice1に.hold

于 2013-01-04T13:48:40.773 に答える
1

交差が必要な場合は、間にスペースを入れずにセレクターをまとめて記述してください。

$(".pieSlice1.hold .pie").css({'-webkit-transform': 'rot
ate(22deg)'});

スペースを含めると、子孫が検索されます...

別のオプションは次のとおりです。

$(".pieSlice1").filter(".hold .pie").css({'-webkit-transform': 'rot
ate(22deg)'});
于 2013-01-04T13:49:04.707 に答える
0

.pieSlice1とは両方とも同じ要素のクラスであるため.hold、それらをチェーンする必要があります。

.pieSlice1.hold .pie

.pieSlice1andの間にスペースがないことに注意してください。これは、 andの両方のクラスを持つ要素の子孫である.holdクラスを持つ要素と一致することを意味します。.pie .pieSlice1.hold

一方、あなたが今持っているものでは...

.pieSlice1 .hold .pie

それは、それ自体が.pieclass を持つ要素の子孫である class を持つ要素の子孫であるclass を持つ要素と一致します。.hold.pieSlice1

于 2013-01-04T13:51:27.963 に答える