jQuery将节点移出其父节点

Question

我有这个代码:

<ul class="list">
  <li>
    <a href="#" >
      <img src="IMAGE" />
      SOME TEXT
    </a>
  </li>
  <li>
    <a href="#" >
      <img src="ANOTHER IMAGE" />
      SOME DIFFERENT TEXT
    </a>
  </li>
</ul>

我想将图像预先添加到父节点,如下所示:

<ul class="list">
  <li>
    <img src="IMAGE" />
    <a href="#" >
      SOME TEXT
    </a>
  </li>
  <li>
    <img src="ANOTHER IMAGE" />
    <a href="#" >
      SOME DIFFERENT TEXT
    </a>
  </li>
</ul>

Answer 1

试试这个:

$('.list > li > a > img').each(function() {
    $(this).insertBefore($(this).parent());
})

演示http://jsfiddle.net/alnitak/3nEVz/

编辑我想出了一个更清洁的版本:

$('.list > li > a > img').each(function() {
    $(this).parent().before(this);
})