javascript - 如何将图像添加到多个div

Question

当用户点击一个按钮时，我试图在多个 div 之上添加一个图像。

所以

 ----------
|          |
 ----------
 ----------
|          |
 ----------
 ----------
|          |
 ----------
 ----------
|          |
 ----------

button

点击按钮后

oo表示图片

 ----------
|oo        |
 ----------
 ----------
|          |
 ----------
 ----------
|oo        |
 ----------
 ----------
|          |
 ----------

我不确定如何完成此操作。任何提示将不胜感激。谢谢。

Answer 1

我将采用与“其他所有人”不同的假设。这是一个 jsfiddle for demonstration

此解决方案允许任意 div 在单击按钮时获得图像，只要您已识别它们或以某种方式标记它们即可。所以……

如果您的 DOM 确定了哪些元素应该通过一些类命名获得图片:

<div class="yes"> </div>
<div class="no"> </div>
<div class="yes"> </div>
<div class="no"> </div>
<button id="button">Click me</button>​

还有一些像下面这样的 CSS:

.picture{
    background-image: url("http://lorempixel.com/200/100/")
}

你只需要一个像这样的函数:

$('#button').on('click', function() {
    $('.yes').addClass("picture");
});​