展开特定元素

Question

这是我的snpiset代码

<pre id='code'>
   <ol>
     <li class='L1'><span>helo</span></li>
     <li class='L2'><span>Hai</span></li>
     <li class='L3'>
       <span>yes</span>
       <div class='dx'></div>
       <div class='dy'></div>
     </li>
   </ol>
</pre>
<script>
var pTags = $("ol > li > .dx");
    pTags.unwrap();
</script> 

li的类是自动生成的。我想像这样结果

<pre id='code'>
  <ol>
     <li class='L1'><span>helo</span></li>
     <li class='L2'><span>Hai</span></li>
    <li class='L3'><span>yes</span></li>
  </ol>
  <div class='dx'></div>
  <div class='dy'></div>
</pre>

但我的代码没有给我上面的结果。请帮帮我

Answer 1

你可以做到

$('#code div').appendTo('#code');

将div移出<pre>元素的最后一个子元素

FIDDLE