Random 追加多个div

我想在主体中添加多个圆并绑定一个函数，这样每个圆在单击时都会进行随机移动。我已经试过这样的方法：

---

$this获取主体，但如何每次获取附加的div？当我绑定$.circles类时，所有的圆都将被移动。

您可以为不同的圆使用不同的类，或者您可以通过id识别您的圆： div id=circle1/div id=circle2/etc

---

你试过这个吗？这是一个非常强大的图书馆。D3三个圆教程：

当您调用$.circles时，它将获得类圆中的所有元素。也许您可以将其存储在一个数组中，然后选择一个随机索引进行移动？或者迭代地遍历每一个div？这会导致很多div。我尽量保持简单。谢谢你的d3js提示！

$(function() {
$('.button1').click(function(){
    $('body').append('<div class="circles"> </div>')
    .bind('click',function() {
        var h = $('body').height()-100;
        var w = $('body').width()-100;

        var movh = Math.floor( Math.random() * h);
        var movw = Math.floor( Math.random() * w);
    $(this).animate({
     top: movh,
     left: movw
    }, 1000);
});
});
});