jquery - jquery each() 函数的正确用法

Question

我正在尝试使用 jqueryeach()函数，但我认为有问题。
这是html和jquery代码。

<div class="tribute">
<div class="image"></div>
<div class="links"></div>
</div>

<div class="tribute odd">
<div class="image"></div>
<div class="links"></div>
</div>

<div class="tribute">
<div class="image"></div>
<div class="links"></div>
</div>

<div class="tribute odd">
<div class="image"></div>
<div class="links"></div>
</div>

<div class="tribute">
<div class="image"></div>
<div class="links"></div>
</div>

<div class="tribute odd">
<div class="image"></div>
<div class="links"></div>
</div>

和jquery函数

   jQuery('.odd').each(function(index, value){

     var oddLinks = jQuery('.odd').find('.links').detach();
     jQuery('.odd .image').before(oddLinks);

    });

这段代码不适合我。

Answer 1

.odd迭代时尝试使用当前的上下文：

jQuery('.odd').each(function(index, value) {
    var oddLinks = jQuery(this).find('.links').detach();
    jQuery('.image', this).before(oddLinks);
});

.odd选择.odd页面上的所有元素。

Answer 2

你的意思是改变.odddiv中图像和链接的位置吗？如果是这样，你甚至不需要分离它。

观看现场演示。

$('.odd').each(function() {
  $(this).find('.image').before($(this).find('.links'));
});