转换3 li＆amp; ul将数据从一个div id标记到另一个div id，并将文本更改为这3个转换后的标记

Question

这是我的原始代码：

<div id="cp_listed">
    <span><b>Title</b></span>
</div>

<div class="bigright">
    <ul>
        <li id="cp_you_are" class=""><span>You are:</span> AAAA</li>
        <li id="cp_dept" class=""><span>Dept:</span> XXXX</li>
        <li id="cp_id_593" class=""><span>Section:</span> BBBB</li>
        <li id="cp_id_999" class=""><span>Area:</span> CCCC</li>
        <li id="cp_role" class=""><span>Role:</span> YYYY</li>
    </ul>
</div>

原始输出

标题

• 您是：AAAA
• 部门：XXXX
• 部分：BBBB
• 地区：CCCC
• 角色：YYYY

预期代码

<div id="cp_listed">
  <span><b>Title</b></span>
        <div id="cp_you_are">
            <span><b>Posted by:</b></span> AAAA
        </div>
        <div id="cp_id_593">
            <span><b>Posted by:</b></span> BBBB
        </div>
        <div id="cp_id_999">
            <span><b>Posted by:</b></span> CCCC
        </div>
</div>

<div class="bigright">
    <ul>
        <li id="cp_dept" class=""><span>Dept:</span> XXXX</li>
        <li id="cp_role" class=""><span>Role:</span> YYYY</li>
   </ul>
</div>

预期输出

标题  发布者： AAAA 发布者： BBBB 发布者： CCCC

• 部门：XXXX
• 角色：YYYY

这是我期待得到的。我想提取或删除li＆amp; ul标签 #cp_you_are ，＃cp_id_593 ＆amp; ＃cp_id_999 id＆amp;通过转换li＆amp; amp;将这些id的数据转换为 #cp_listed div标签ul标记到 #cp_listed div标记内的3个id标记的div标记，如预期代码＆amp;输出

此外，其文字必须改为你是，Section＆amp;区域到由发布到所有3，如预期输出

中所示

任何人都有帮助..