我有一些由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'); }); });
我尝试使用$(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的末尾.