Javascript 如何将新生成的div放到另一个div旁边?

Javascript 如何将新生成的div放到另一个div旁边?,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我得到了一个div,在这里我放置了一个Java脚本生成的图表。另外,我还得到了另一个div,在那里我打印了一个带有图表数据结果的表 一个例子是: 然而,出于用户体验的目的,我更喜欢将表格放在图表的右侧。或者更重要的是,让它出现在右边。(我已经使用jQuery做了一个$(“#resultados”).remove()和$(“body”).append(使用类而不是内联css图表 CSS .first{ width:1200px; height:700px; } .second{ w

我得到了一个div,在这里我放置了一个Java脚本生成的图表。另外,我还得到了另一个div,在那里我打印了一个带有图表数据结果的表

一个例子是:


然而,出于用户体验的目的,我更喜欢将表格放在图表的右侧。或者更重要的是,让它出现在右边。(我已经使用jQuery做了一个
$(“#resultados”).remove()
$(“body”).append(使用类而不是内联css图表

CSS

.first{
  width:1200px;
  height:700px;
}

.second{
  width:400px;
  height:200px;
}
代码

$("#placeholder").appendTo("#anotherPlaceholder").toggleClass("first second");
  • 通过将
    float:“right”
    设置为其样式,用右浮动div包装您的表格
  • 使占位符div在左侧浮动(
    float:left
  • 要动态更改其大小,请使用:
    $(“#占位符”).css({“宽度”:“600px”);
  • 最后,添加一个clear div(
    clear:both

  • 你有jsfiddeel吗?如果你把div从一个div放到另一个div中,那么就不要使用内联css。谢谢,我可以用它接近我想要的。检查我的编辑和链接的小提琴。假设图表包含在
    占位符
    div和
    中的表中,css和代码会是什么样子?那么jQuery语句的功能就是nge任何div的样式?我不理解
    .appendTo(“#另一个占位符”)。
    部分用于将任何元素从一个位置移动到另一个位置,并使用toggleClass()将类从“first”更改为“second”。因此您建议使用:
    $(“#table”).appendTo(“#chart”)
    ?谢谢!clear div的目的是什么?作为一个容器?您的回答将如何改变我的小提琴?您发送了原始小提琴