jQueryでXMLテキストを解析する

Question

私はグループごとにXポイントとYポイントを持つデータベースを扱っています。画像の輪郭を描くために使用されています。

今の私のWeb側でこのコードは、私はポイントを得るために使用するものである：

var Drawing = $(XML).find('DrawingXML'); 

alert($(Drawing[1]).text()); 

結果：それはですので.replace（）の呼び出しを使用して

<DrawingPoints> 
    <Point><X>1</X><Y>2</Y></Point> 
    <Point><X>2</X><Y>4</Y></Point> 
    <Point><X>3</X><Y>5</Y></Point> 
    <Point><X>2</X><Y>2</Y></Point> 
    <Point><X>0</X><Y>4</Y></Point> 
</DrawingPoints> 

が一つだけのアイテムを変更しますこのような何かのために使用可能：

.replace("</DrawingPoints>",""); 

が、私は運が悪いんだすべての「ポイント」のタグを置換する場合。

私の目標は、私はそれがこのように解析することにしたいからポイントを描画するキャンバスの機能を使用することです：

ctx.beginPath(); 
ctx.moveTo(1,2); 
ctx.lineTo(2,4); 
ctx.lineTo(3,5); 
ctx.lineTo(2,2); 
ctx.lineTo(0,4); 
ctx.stroke(); 

私はIEブラウザだけのSafari/Chromeでこれを使用するつもりはありません、それが助けられるならば。

Answer 1

は、一度にすべてのあなたのXとYの値を取得します。これは正確ではないかもしれません

var points = {}; 
points.X = Array(); 
points.Y = Array(); 
var ix = 0; 

$(XML).find('DrawingXML DrawingPoints Point X').each(function() 
{ 
    points.X[ix++] = $(this).text(); 
}); 
$(XML).find('DrawingXML DrawingPoints Point Y').each(function() 
{ 
    points.Y[ix++] = $(this).text(); 
});

、私はそれをテストしていないと私はjavascriptが少し錆びですが、あなたのアイデアを得ます。

Answer 2

この場合、おそらくあなた自身のコードを書くのではなく、ライブラリを使用することによって、非常に多くの脳を救うことができます。

私はd3は何が必要ありません数える：

• d3.xml
• d3.geo.path

Answer 3

この質問/答えをチェックしてください。プロトタイプ固有のものではなく、ここでお手伝いしてください。

How to parse XML string with Prototype?