insertAfter 在循环内

Question

我有一些由 CMS 生成的代码：

<div class="block">
  <a class="link" href="#">Link</a>
  <h4>Header here</h4>
  <div class="text">Some text here</div>
</div>

并且我需要将链接移到文本 div 之后。我已经尝试过这个：

$(document).ready(function() {
        $('.block').each(function() {
            $('.block a.link').insertAfter('.block div.text');                      
        });
    });

但这只会导致链接重复大约 10 次（循环次数。

我尝试使用 $(this) 但我不太明白如何编写正确的语法来将 a.link 附加到其中函数...像这样：

 $(this).a.link.insertAfter($(this).div.text);

Answer 1

像这样的东西应该可以工作，使用 siblings 和 after：

$('.block a.link').each(function() {
    $(this).siblings('.text').after(this);
});

这表示“对于每个匹配的元素，找到与 .text 匹配的元素并插入其后的原始元素”。

或者，您可以这样做：

$('.block a.link').each(function() {
    $(this).parent().append(this);
});

这假定您要将元素放在 div.block 的末尾。

Answer 2

你可以这样做（如果你想在带有类文本的div之后）：

$(document).ready(function() {
    $('.block a').each(function(){
       $(this).next('div.text').after(this);
    });
   });

或者（如果你想在带有类块的div之后）

$(document).ready(function() {
    $('.block a').each(function(){
       $(this).closest('div.block').after(this);
    });
   });

Answer 3

试试这个：

$(document).ready(function() {
            $('.block').each(function() {
                var divtext = $('div.text', this)
                $('a.link', this).insertAfter(divText);
            });
});

Answer 4

试试这个

$('div.block a.link').each(function() {
    $(this).siblings('div.text').after(this);
});