0

こんにちは、スパンにクラス "nie" があるかどうかをチェックする if ステートメントを記述する必要があります。そうであれば、バックグラウンド ファイルを変更する必要がありますが、最初の bg ファイル "bg-nie.png" ごとにステートメントを設定します。何が問題なのですか?

jQuery コード

if ($(".rzuty span.mieszkanie").hasClass("nie")) {
        $(".rzuty span.mieszkanie").css("background", "url(img/rzuty/mieszkania/bg-nie.png) repeat");
    } else {
        $(".rzuty span.mieszkanie").css("background", "url(img/rzuty/mieszkania/bg-tak.png) repeat");
    }

HTML

<div id="rzuty07p" class="rzuty">
    <span id="c_07_226" class="mieszkanie" title=""></span>
    <span id="c_07_228" class="mieszkanie" title=""></span>
    <span id="c_07_227a" class="mieszkanie" title=""></span>
    <span id="c_07_227b" class="mieszkanie" title=""></span>
    <span id="c_07_229" class="mieszkanie nie" title=""></span>
    <span id="c_07_005" class="mieszkanie" title=""></span>
    <span id="c_07_006" class="mieszkanie" title=""></span>
    <span id="c_07_008" class="mieszkanie" title=""></span>
    <span id="c_07_007a" class="mieszkanie nie" title=""></span>
    <span id="c_07_007b" class="mieszkanie nie" title=""></span>
</div>
4

3 に答える 3

5

これは、if ステートメントを必要としないように単純化できます。選択をさらにフィルタリングするだけです：

var $rzutyspan = $(".rzuty span.mieszkanie");
$rzutyspan.filter(".nie").css("background", "url(img/rzuty/mieszkania/bg-nie.png) repeat");
$rzutyspan.not(".nie").css("background", "url(img/rzuty/mieszkania/bg-tak.png) repeat");

デモを参照してください: http://jsfiddle.net/4A4W7/

または、これはプレーンな CSS で実現できます。

.rzuty span.mieszkanie
{
   background: url(img/rzuty/mieszkania/bg-tak.png) repeat;
}
.rzuty span.mieszkanie.nie
{
   background: url(img/rzuty/mieszkania/bg-nie.png) repeat;
}
于 2012-08-16T09:51:44.357 に答える
1

さて、共通のクラスを使用して.mieszkanie、一致するすべてのセットをチェックおよび操作しています。個別にチェックして操作します。

$(".rzuty span.mieszkanie").each(function(k,v) {
    if ($(this).hasClass("nie")) {
        $(this).css("background", "url(img/rzuty/mieszkania/bg-nie.png) repeat");
    } else {
        $(this).css("background", "url(img/rzuty/mieszkania/bg-tak.png) repeat");
    }
});
于 2012-08-16T09:52:47.603 に答える
0

これを行う1つの方法は次のとおりです。 http://jsfiddle.net/xoreznik/kC5L2/

この場合、複数のオブジェクトを返すセレクターで if ステートメントを使用しています。添付のフィドルでは、ターゲット クラスを持つ/持たない要素をターゲットにして、それに css を適用する方法を確認できます。

于 2012-08-16T09:56:32.607 に答える