javascript - 拉斐尔和选择许多元素

Question

我需要在页面上放置一些由 Raphaël 生成的微调器。但我只能创建一个微调器，因为 Raphaël 按 id 选择元素。例如，如何按类选择许多元素？我尝试使用 jQuery：

var spinners = $('div.spinners');
var r = Raphael(spinners, 320, 200);

但它不起作用。

Answer 1

我创建了一个小小提琴http://jsfiddle.net/vSZ58/2/

1. 在这里，我们将getByClass微调器方法附加到纸张对象。
2. 在spinner方法创建元素时，我们将类属性分配给元素的节点。stick.node.setAttribute("class" , classname)
3. 然后在getByClass方法中，我们循环纸上的所有元素并检查传递的类名是否存在于元素节点中。如果是，则将其推送到res数组中，这将是结果。

注意：此方法仅适用于使用 Raphael 创建的元素。由于您使用 Raphael 生成微调器，因此不会有问题。

如果您在 svg 文档上声明性地定义了一些微调器，我认为这是不可能的。如果您对此有任何想法，请更新。

Answer 2

试试这个 jQuery 每个方法：

$('div.spinners').each(function(index) {
    //alert(index + ': ' + $(this).text());
    var r = Raphael(this, 320, 200);;
});