0

以下のコードを使用して、background-image正常に機能する入力フィールドの値からdivを変更します。

$(".ImageUrl").blur(function(){
    $(".Image").css("background-image", "url("+$(this).val()+")");
});

<div class="wrap">
    <section>
        <input class="ImageUrl"/>
        <div class="Image"></div>
    </section>
</div>

当然のことながら、重複する.wrapdivが追加され、URLが入力されると、次の例のように両方のdivの背景が変更されます。

http://jsfiddle.net/adige72/tKS6j/

私が欲しいのは、各「ラップ」が「ラップ」が1つしかないかのように機能することです。

前もって感謝します！

4

2 に答える 2

0

セレクターのクラス名の代わりに一意のIDを使用するか、セレクターを変更して最初の要素のみを選択します。

$(".ImageUrl").eq(0).....
于 2012-11-21T18:22:12.030 に答える
0

兄弟を選択するだけです.Image

$(".ImageUrl").blur(function(){
    $(this).siblings(".Image").css("background-image", "url("+$(this).val()+")");
});

編集

上記は、「当然のことながら、重複したdivが追加された場合」と言うときは、重複したdivを意味することを前提としています.wrap。

乾杯

于 2012-11-21T18:23:25.023 に答える