编程语言
首页 > 编程语言> > javascript-追加/添加到容器

javascript-追加/添加到容器

作者:互联网

我有以下HTML代码:

<div class="container">
    <div><div>...</div><a class="child" href="#">Example</a></div>..</div></div>
</div>
<div class="container">
    <div><div>...</div><a class="child" href="#">Example</a></div>..</div></div>
</div>
.
.
.
<div class="container">
    <div><div>...</div><a class="child" href="#">Example</a></div>..</div></div>
</div>

我有以下JavaScript脚本:

$('a.child').prependTo('div.container');

但是,此代码不是将每个元素都添加到自己的容器之前,而是将所有元素都添加到每个容器之前.
我怎样才能解决这个问题?

谢谢!

解决方法:

您可以尝试每种方法:

$('a.child').each(function(){
  $(this).prependTo($(this).closest('.container'));
})

Fiddle

标签:prepend,append,html,javascript,jquery
来源: https://codeday.me/bug/20191101/1980003.html