Question

基本上我总共有大约19个div，共有3个类和3个id。我有没有办法加入19个较小的div并使它们相对于每个相关的类更大？

如果代码需要我的任何代码，那么请随意询问，感觉可能有一种方法可以使用Concat与我的MySQL语句或可能在PHP中的东西。

由于

Answer 1

你可以通过抓取他们的班级名称或他们的ID在javascript中完成。对于类，它看起来像这样，

var smalldivs = document.getElementsByClassName("small-div");

var combined = "";
for(var i = 0; i < smalldivs.length; ++i){
combined = combined + smalldivs[i].innerHTML;
}

var newDiv = document.createElement('div');
newDiv.innerHTML = combined;

for(var i = 0; i < smalldivs.length; ++i){
  if(i == 0){
    smalldivs[i].parentNode.appendChild(newDiv);
  }
  smalldivs[i].parentNode.removeChild(smalldivs[i]);
  i = i -1;
}

Here is a jfiddle of combining divs

Answer 2

ID是唯一的

每个元素只能有一个ID 每个页面只能有一个具有该ID的元素

课程不是唯一的

您可以在多个元素上使用相同的类。您可以在同一元素上使用多个类。

关于差异的更多解释。

这里可能有一个很好的比喻条形码和序列号。在商店里拿iPod。在包装上将是条形码。这告诉商店产品是什么，因此在扫描时，系统确切知道产品是什么以及产品成本。它甚至可以知道它是什么颜色或在商店里保存的位置。所有相同类型的iPod都有完全相同的条形码。

iPod上还有一个序列号，绝对是世界上任何其他iPod（或任何其他设备）所独有的。序列号不知道价格。它可以，但对于商店来说，这不是一种非常有效的方式来存储和使用这些数据。使用条形码要容易得多，例如，如果价格发生变化，您只需更改该条形码的价格，而不是系统中每个序列号的价格。

这很像ID和Classes。可重复使用的信息应保存在一个类中，完全唯一的信息应保存在ID中。

使用div id合并div？

2 个答案: