Jquery 移动HTML5 SVG路径

我的应用程序中有一个SVG路径元素，如：

<path d="M100,100 Q200,400,300,100"/>

---

但是，在下一次单击时，它不会移动。如何让path元素在每次单击时移动？

translate将再次尝试执行完全相同的操作。您需要将该值存储在变量中并使用：

var x=0;
$('.path').each(function () {
   x += 100;
   $(this).attr('transform', 'translate('+x+', 0)');
});

---

本例显示，您可以在每次单击时将其向右移动100，因此，如果您想将其应用于x，您应该会大笑。

是否有非jquery答案；(

var x=0;
$('.path').each(function () {
   x += 100;
   $(this).attr('transform', 'translate('+x+', 0)');
});