javascript - Jquery - 如何在 div 中的文本之前添加元素？

Question

我的 Jquery 代码有问题。我需要在 div 中的文本之前放置一个元素。但它停留在同一个地方。你能帮助我吗 ？非常感谢。

Jquery:

$('.content_wrap img').each(function(){
   if($(this).nextAll('.darkblue').length !== 0){
      $('.darkblue').next('<div>').prepend($(this));
   }
});

HTML:

<h2>
   <img class="catIcon" alt="Software Maintenance Agreements" src="http://www.example.com/storage/images/article/21-80-3.jpg" style="padding-right: 10px;"> <!-- this is image i want to move before text -->
   <a class="darkblue underline ui-link" href="http://www.example.com/gb/en/2099_software-maintenance-agreements-sma.html?do=article">Software Maintenance Agreements (SMA)</a>
</h2>
<div>
Software Maintenance A...roups at a fixed rate. <!-- element should appear before text -->
   <a class="small ui-link" href="http://www.example.com/gb/en/2099_software-maintenance-agreements-sma.html?do=article">[more..]</a>
</div>

Answer 1

尝试

$('.content_wrap img').each(function () {
    $(this).prependTo($(this).parent().next())
});

演示:Fiddle

<小时/>

如果你想检查下一个元素是否具有类 darkblue 那么

$('.content_wrap img').each(function () {
    var $this = $(this);
    if ($this.next().hasClass('darkblue')) {
        $this.prependTo($this.parent().next())
    }
});

演示:Fiddle