克隆jquery中的div位置问题

克隆jquery中的div位置问题,jquery,css,Jquery,Css,请查看我的小提琴位置 我将div称为“大小放置中心”,放置在公共位置。单击“添加”按钮将动态添加行。在这种情况下,div位置没有改变,它显示在最后一行的末尾。我希望此div将显示在每行的下方。请看我的图片截图 因为您的.size放置中心位于一个“公共”位置,而您的JS只需切换该元素,它就会显示在其原始位置 据我所知,要使其显示在“相关行”中,您可以将.size下拉中心克隆到该行中并从该行切换 有关使用现有代码的工作示例,请参阅此更新的fiddle: 我所做的就是为公共.size drop ce

请查看我的小提琴位置

我将
div
称为“大小放置中心”,放置在公共位置。单击“添加”按钮将动态添加行。在这种情况下,div位置没有改变,它显示在最后一行的末尾。我希望此div将显示在每行的下方。请看我的图片截图


因为您的
.size放置中心位于一个“公共”位置,而您的JS只需切换该元素,它就会显示在其原始位置

据我所知,要使其显示在“相关行”中,您可以将.size下拉中心克隆到该行中并从该行切换

有关使用现有代码的工作示例,请参阅此更新的fiddle:

我所做的就是为公共
.size drop center
提供一个
id
属性,以允许唯一的全局引用,并修改您的
单击
处理程序,将
#size drop center
附加到相关行,如果该行尚不存在,然后切换它

当然,我们从克隆的元素中删除了
id
属性,因为它们是唯一引用的


希望这能有所帮助。

您的JSFIDLE链接和问题似乎不相关。请检查并更新问题。@BhushanKawadkar JSFIDLE和问题是相关的。阿卡什,你能更清楚一点你想要达到的目标吗?原谅我不懂你的英语。
$(".arrow_text img").click(function(){
  var row = $(this).parents('.text_flied');
  var sizeDrop = row.find('.size-drop-center')

  if (!sizeDrop.length) {
    sizeDrop = $('#size-drop-center').clone().removeAttr('id').appendTo(row);
  }

  sizeDrop.length && sizeDrop.toggle();
});