jquery each（）函数的正确用法

Question

我正在尝试使用jquery each()函数，但我觉得有些不对劲 这是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

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

的 See the live demo. 的

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