Javascript 如何将图像添加到多个div

当用户单击按钮时，我试图在多个

div

上方添加一个图像

所以

点击按钮后

oo意味着图像

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

---

我不知道如何做到这一点。如有任何提示，将不胜感激。谢谢。

我假设以下html：

HTML

---

只要根据需要修改

CSS

。

我假设以下html：

HTML

只需根据需要修改

CSS

。

您最好使用

来获得稳定的布局，如

<table>
    <tr><td>Row with Index #0</td></tr>
    <tr><td>Row with Index #1</td></tr>
    <tr><td>Row with Index #2</td></tr>
    <tr><td>Row with Index #3</td></tr>
</table>

是一个工作现场演示。

您最好使用

获得稳定的布局，如

<table>
    <tr><td>Row with Index #0</td></tr>
    <tr><td>Row with Index #1</td></tr>
    <tr><td>Row with Index #2</td></tr>
    <tr><td>Row with Index #3</td></tr>
</table>

---

是一个工作现场演示。

我将使用一个不同于“其他任何一个”的假设。这里有一个

此解决方案允许任何任意div在单击按钮时获得图像，只要您以某种方式对其进行了标识或标记。所以

如果DOM确定哪些元素应通过某些类命名获得图片：

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

您只需要这样一个函数：

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

---

​

我将采用一种不同于“其他任何一种”的假设。这里有一个

此解决方案允许任何任意div在单击按钮时获得图像，只要您以某种方式对其进行了标识或标记。所以

如果DOM确定哪些元素应通过某些类命名获得图片：

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

您只需要这样一个函数：

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

---

​

div的哪些份额会导致这种情况发生？获取图像的指定div是否共享一个类？总是隔一段时间吗？这种模式很重要。什么样的部门才能实现这一点？获取图像的指定div是否共享一个类？总是隔一段时间吗？模式很重要，表格用于显示表格数据，而不是布局。这可以通过CSS实现，没有表格。描述的布局只有四个框。这需要一张桌子吗？（真正的问题，也许我遗漏了什么）依我看，表格是用来显示表格数据的，而不是布局。这可以通过CSS实现，没有表格。描述的布局只有四个框。这需要一张桌子吗？（真正的问题，也许我遗漏了什么）

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

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

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