javascript - 如何添加另一个#div :before 上已经存在的内容

Question

如何添加另一个#div:before 上已经存在的内容因为我会将现有的div设置为固定位置

#text-1{
  width:100%;
  text-align:center;
  /* visibility:hidden; */
  /* position:fixed; */
  }

#text-2 {
  width:100%;
  text-align:center;
  }

#text-2:before {
  content:"Equal to the contents of #text-1";
  width:100%;
  text-align:center;
  color:#ff0000;
  position:absolute;
  width:100%;
  left:50%;
  background-color:#e3e3e3;
  border-top:1px solid #999999;
  margin-left:-50%;
  margin-top:18px;
  font-style:italic;
 }
    

<div id="text-1">Content Text-1</div>
<div id="text-2">Content Text-2</div>

Answer 1

为此你需要使用 jquery。首先在你的 html 文件中包含 jquery 库，如果它不存在，然后在你的 head 标签中添加下面的 javascript 代码:

<script type="text/javascript">

$(document).ready(function(){
    var contents = $("#text-1").html();
    $("#text-2").html(contents);
});

</script>