时间戳

首页 > 解决方案 > 如何使用 CSS 或 Javascript 相对于另一个 html 元素定位 html 元素

javascript - 如何使用 CSS 或 Javascript 相对于另一个 html 元素定位 html 元素

问题描述

有没有办法使用 CSS 或 Javascript 相对于另一个 html 元素定位一个 html 元素？请检查下面的代码，我尝试复制“second-element”的innerhtml并附加在“first-element”中，但这会破坏其他功能。所以我需要一些 CSS 或 JS 修复而不改变 HTML 结构。

<body>
<div id=“first-element”&gt;
    <p>— Select course —&lt;/p>
    <!— I need the second-element here —&gt;
</div>

<div id=“second-element”&gt; 
    <ul>
        <li>Maths<li>
        <li>Science</li>
    </ul>
</div>
</body>

标签： javascripthtmlcsspositioncss-position

解决方案

<div id="first-element">
  <p>— Select course —&lt;/p>
</div>
<div id="second-element">
  <ul>
    <li>Maths</li>
    <li>Science</li>
  </ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script>
$(document).ready(function() {
$('#second-element ul').appendTo('#first-element');
});

</script>

推荐阅读