php - 使用他们的 div id 合并 div?

标签 php html css mysql

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 6 年前

基本上我总共有大约 19 个共享 3 个类和 3 个 ID 的 div。有没有办法让我加入 19 个较小的 div,并使它们相对于每个相关类成为一个更大的 div?

如果代码需要我提供任何代码,请随时询问,感觉可能有一种方法可以将 Concat 与我的 MySQL 语句一起使用,或者可能是 php 中的某些东西。

谢谢

最佳答案

您可以通过获取它们的类名或 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

关于php - 使用他们的 div id 合并 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42987972/

上一篇:javascript - 在 HTML 中将除法写为分数

下一篇:javascript - - 资源管理器的 webkit-text-stroke?

相关文章:

php - 正则表达式 - 第一个随机字符等于第二个。

php - 如何为每个页面指定标题?

javascript - 如何在 jquery 中使用 Find 表达式来查找确切的 xml 节点?

html - 如何更改超大屏幕的颜色? Bootstrap 3

php - 如果用户在输入中输入一些 php 代码会发生什么?

PHP : Post get method, 需要一些建议

javascript - jQuery 包装由 Div 中的 .Each 方法创建的元素

java - 如何从 html 对象标签内部编码/解码查询字符串?

javascript - jQueryUI。为什么界面这么大?

php - Laravel 5 使用销毁方法删除现有文章