jQuery：追加到父级

Question

我似乎无法让appendTo 工作。我做错了什么？

$('div:nth-child(2n) img').appendTo(parent);

当前标记：

<div class="container">
  <img src="123.jpg" />
  <p>Hey</p>
</div>
<div class="container">
  <img src="123.jpg" />
  <p>Hey</p>
</div>

我想要这个输出：

<div class="container">
  <p>Hey</p>
  <img src="123.jpg" />
</div>
<div class="container">
  <p>Hey</p>
  <img src="123.jpg" />
</div>

请帮助我...我每分钟都在撕扯我的头发..:-S

Answer 1

以下内容应该足够了：

$("div>img").each(function(){
    $(this).appendTo($(this).parent());
});

在此处查看它的工作原理： http://jsfiddle.net/EtxqL/

您无法从中推断出每个项目的父项appendTo() 的“选择器”参数。执行您想要的操作的唯一方法是循环遍历项目，将每个项目附加到其父级。查看以下链接中的 API。

.appendTo() API

。每个API

Answer 2

这就是你所追求的吗？

$('.container > img').each(function () {
    $(this).parent().append(this);
});

它只是获取每个容器中的 并作为容器的第一个子容器移动。

Answer 3

您可以使用 .prepend() 而不是追加
在父级的末尾附加插入。
但在父级的开头添加前置插入。
那么就像：

$('.container > p').each(function () {
    $(parent).prepend(this);
});

Answer 4

我做了一个小例子，我希望你的意思是一样的......

$(document).ready(function() {
    $('.container > img').each(function() {
        $(this).parent().append(this);
    });
});