Raphaël によって生成されたいくつかのスピナーをページに配置する必要があります。しかし、Raphaël は ID で要素を選択するため、作成できるスピナーは 1 つだけです。たとえば、クラスごとに多くの要素を選択するにはどうすればよいですか? jQueryを使用してみます:
var spinners = $('div.spinners');
var r = Raphael(spinners, 320, 200);
しかし、うまくいきません。
Raphaël によって生成されたいくつかのスピナーをページに配置する必要があります。しかし、Raphaël は ID で要素を選択するため、作成できるスピナーは 1 つだけです。たとえば、クラスごとに多くの要素を選択するにはどうすればよいですか? jQueryを使用してみます:
var spinners = $('div.spinners');
var r = Raphael(spinners, 320, 200);
しかし、うまくいきません。
小さなフィドルhttp://jsfiddle.net/vSZ58/2/を作成しました
getByClass
紙のオブジェクトにスピナーメソッドをつけています。spinner
、要素のノードにクラス属性を割り当てています。stick.node.setAttribute("class" , classname)
getByClass
メソッドで、紙上のすべての要素をループし、渡されたクラス名が要素ノードにあるかどうかを確認しますres
。存在する場合は、結果となる配列にプッシュされます。注: この方法は、Raphael で作成された要素に対してのみ機能します。Raphael でスピナーを生成しているので、問題にはなりません。
SVGドキュメントでいくつかのスピナーを宣言的に定義した場合、それは不可能だと思います。これについて何か考えがある場合は、更新してください。
このjQueryの各メソッドを試してください:
$('div.spinners').each(function(index) {
//alert(index + ': ' + $(this).text());
var r = Raphael(this, 320, 200);;
});