jquery – 在循环中插入

前端之家收集整理的这篇文章主要介绍了jquery – 在循环中插入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些由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);

解决方法

这样的事情应该有用,使用兄弟姐妹和之后:
$('.block a.link').each(function() {
    $(this).siblings('.text').after(this);
});

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

或者,你可以这样做:

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

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

猜你在找的jQuery相关文章