Javascript 使用jQuery在多个实例的另一个div中追加一个div

Javascript 使用jQuery在多个实例的另一个div中追加一个div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试使用jQuery将整个div移动到另一个更高级别的div中。对于这个操作的一个实例,这里提供的答案很好,但是在我的例子中,我有多个div实例需要移动 当我应用上面的代码时,所有.film desc都被递归地移动到每个.grid项中 必须使用以下方法触发该操作: 到目前为止,代码必须如下所示: $(“.fa列表”)。单击(函数(){ $(this).sides().next(.film desc”).appendTo(.card image”); }) 1983 Q:6.3 R:6

我正在尝试使用jQuery将整个div移动到另一个更高级别的div中。对于这个操作的一个实例,这里提供的答案很好,但是在我的例子中,我有多个div实例需要移动

当我应用上面的代码时,所有
.film desc
都被递归地移动到每个
.grid项中

必须使用以下方法触发该操作:

到目前为止,代码必须如下所示:

$(“.fa列表”)。单击(函数(){
$(this).sides().next(.film desc”).appendTo(.card image”);
})

1983
Q:6.3
R:6.8
A:3.6
M
N
P
所容纳之物

您可以在它们之间循环,并将每个元素移动到相关的div,如:

$(".fa-list").click(function(){
  $('.grid-item').each(function(){
    $(this).find(".film-desc").appendTo( $(this).find('.card-image') );
  });
})
工作片段:

$(“按钮”)。单击(函数(){
$('.grid item')。每个(函数(){
$(this.find(“.film desc”).appendTo($(this.find(“.card image”));
});
})
.card图像{
背景颜色:黄色;
边框:1px实心;
}

移动divs
Q:6.3
R:6.8
A:3.6
M
N
P
所容纳之物

Q:6.3 R:6.8 A:3.6 M N P 所容纳之物
Q:6.3 R:6.8 A:3.6 M N P 所容纳之物
Q:6.3 R:6.8 A:3.6 M N P 所容纳之物
fa列表中的
fa列表中有标记,有0个同级。感谢您的评论。出于好奇,人们发表评论时一定要投反对票吗?我确实试着问了这个问题,
fa list
出现在我最初的问题中,只是因为我没有把它包括在
你期望的地方,然后你就投了反对票?无论如何,谢谢你的评论。问题提到了
fa列表的使用以及引用它的包含脚本,但是它没有包含在标记中,以显示脚本将(或应该)如何使用它。这定义了一个不完整/不明确的问题。在这样的问题解决之前,一个问题可能会被否决@hello Edit:如果用户想否决某个问题,这完全取决于用户。他们赢得了向下投票的代表,他们可以选择你的问题是否值得向下投票。这正是我想要的方式。非常感谢。我不知道你为什么会得到反对票,但这对我很有效。谢谢。@taplar你能告诉我们否决一个有效答案的原因吗?