父和子分区'；s不嵌套位置更改jquery javascript问题

如果我有两个DIV，DIV A和DIV b（假设两者都是绝对定位的）。。我想这样做，当DIV A的位置改变时，DIV B（它是DIV A的“子”事件，尽管它们是两个独立的DIV，而不是嵌套的），DIV B的位置会以与DIV A相同的偏移量改变。但是如果我移动B组的位置。。。然后B组移动，A组的位置不受影响

例如，可以通过拖动div来改变位置

如果可能的话，我希望能够做到这样，我可以有一个第三个div，并说它是div a或B的“孩子”，同样的行动将适用。（Ex1.如果div C和B是div A的子对象，则移动div A将更新div C和B的位置）

例2。如果div C是div B的子级，那么在移动DIVA时，将更新div B和C。如果只移动了DIVB，那么就会更新DIVB和C。如果移动DIV C，则仅更新DIV C

更新：

---

Hussein的代码与我想要的类似，但问题是.b类的div总是会弹回到它原来的位置，而不是保留其当前位置并在.a移动时添加偏移量。

假设您使用的是jQuery ui

draggable（）

，请使用拖动事件来实现这一点。您可能需要进一步修改此代码以满足您的需要，但下面的示例应该会让您走上正确的道路

$('.a, .b').draggable({
    drag: function(event, ui) {
        $('.a').css({
            top: ui.offset.top + 'px',
            left: ui.offset.left + 100 + 'px'
        })
    }
});

---

检查工作示例，您可以发布代码吗？最好是在jsfiddle.net上