Как разместить элемент HTML относительно другого элемента HTML, используя CSS или Javascript - PullRequest
Новая
       13

Как разместить элемент HTML относительно другого элемента HTML, используя CSS или Javascript

0 голосов
/ 11 января 2019

Есть ли способ разместить элемент HTML относительно другого элемента HTML, используя CSS или Javascript? Пожалуйста, проверьте код ниже, я попытался скопировать innerhtml «second-element» и добавить в «first-element», но это нарушает другие функции. Поэтому мне нужно исправить CSS или JS без изменения структуры HTML. 

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

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

1 Ответ

0 голосов
/ 11 января 2019 

<div id="first-element">
  <p>— Select course —</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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...