克隆jquery中的div位置问题

Question

请看我的小提琴位置。

Fiddle

我div名为＆＃34; size-drop-center ＆＃34;，它位于一个公共位置。单击添加按钮将添加动态行。在这种情况下，div位置不会改变，它显示在最后一行的末尾。我希望这个div将显示在每一行的下方。请参阅我的图片截图。

Answer 1

因为您的.size-drop-center位于＆＃34;普通＆＃34;地方，你的JS只是切换那个元素，然后它就会出现在原产地。

根据我的理解，为了在相关的行中显示＃34;您可以将.size-drop-center克隆到行中并从那里切换。

使用现有代码http://jsfiddle.net/ph73ezvy/4/

查看这个更新的小提琴

$(".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();
});

我完成的所有操作都会获得通用.size-drop-center和id属性，以允许唯一的全局引用并修改您的click处理程序以附加#size-drop-center < strong>到相关行，如果一个人不存在，然后切换它。

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

希望这有帮助。