Question

我使用下面的代码从输入字段的值更改div的background-image，这样可以正常工作：

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

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

当添加重复的.wrap div时，并不令人惊讶。输入了一个网址，它会更改两个div的背景，如下例所示：

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

我想要的是每个“换行”就好像只有一个“换行”一样。

提前致谢！

Answer 1

为选择器使用唯一ID而不是类名，或者更改选择器以仅选择第一个元素：

$(".ImageUrl").eq(0).....

Answer 2

只需选择兄弟.Image

即可

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

编辑

以上假设当你说，“并不令人惊讶，当添加重复的div时”你的意思是重复的.wrap div。

干杯

将输入字段的值分配给div / duplicated内容的background-image

2 个答案: