javascript - 如何使用 function() 将一个 div 移动到另一个 div 中

Question

我想将 div 的位置从我的 php 文档中创建的位置移动到文件中的另一个位置。

我想在第 11 行周围创建一个 div，然后使用在每行中创建的变量，然后将新创建的 div 移到里面:div class="selector">

这就是我的脚本当前的样子:

 <div class="selector" onclick="showChannels()";><div id="channel">hi</div></div>
        <div id="cCwrapper">
        <?php include 'clientConnections.php';?>
         <?php
            $sql = "SELECT icon, pageName, Channel FROM clientconnections";
            $result = $conn->query($sql);

            if ($result->num_rows > 0) {
            // output data of each row
            while($row = $result->fetch_assoc()) {
            echo 
            '<div class="itemWrapper" onclick="selectChannels()">
            <div class="iconWrapper">
            <img src="'.
            $row["icon"].
            '" style="height: 16px; height: 16px;>
            </div> <!--closes icon wrapper-->
            <div class="channelWrapper">'.
            $row["pageName"]. 
            '</div> <!-- closes channel wrapper-->
            </div> <!--closes item wrapper-->
            ';
        }
            } else {
            echo "Oops! We can't find your connected accounts!";
        }
        ?>

Answer 1

function showChannels(){
  $("#selected_new_element").html($(this)[0].outerHTML); // moving div.selector element inside #selected_new_element (replace html value with this one)
  $("#selected_new_element").append($(this)[0].outerHTML); // appending div.selector element inside #selected_new_element
  $(this).remove(); // remove current element, for "moving" element
}

一些很好的引用:

1. http://api.jquery.com/html/
2. http://api.jquery.com/append/
3. https://developer.mozilla.org/en-US/docs/Web/API/Element/outerHTML
4. https://api.jquery.com/remove/