Question

我的容器具有相同的div但内容不同。
我想将$dispatch和$delivery移到同一容器上的特定div

如何在同一个div上附加正确的内容，而不必重复其他容器div？

请查看演示，其中显示附加内容未正确定位。

JS：

$this = $('.accordion-wrapper');
$dispatch = $this.find(".dispatch div");
$delivery = $this.find(".delivery div");

$dispatch.appendTo('.mobile-view .dispatch');
$delivery.appendTo('.mobile-view .delivery');

Answer 1

如果您想为每个容器执行此操作，一种解决方案是使用.each。然后，由于.appendTo也允许您传递jQuery对象，因此您可以使用.appendTo($this.find('.mobile-view .delivery'));指定要追加的div：

var $wrappers = $('.accordion-wrapper');
$wrappers.each(function(index, el) {
    var $this = $(el);
    var $dispatch = $this.find(".dispatch div");
    var $delivery = $this.find(".delivery div");

    $dispatch.appendTo($this.find('.mobile-view .dispatch'));
    $delivery.appendTo($this.find('.mobile-view .delivery'));
});

更新小提琴：http://fiddle.jshell.net/yLsx9nrz/1/

Jquery appendTo应该定位一个特定的容器

1 个答案: