XMLファイルから特定のタグの要素だけを抽出する方法。

前提・実現したいこと

xmlファイルの中から特定のタグ内に記述された要素を抽出したいと考えています。

例えば、下記のようなxmlファイルがあり、webページ上に配置されたボタン１とボタン２のうち、ボタン１をクリックすると、１番目の<item>内の<texture_src>の情報（assets/picture1.png）を取得し、ボタン２をクリックすると、２番目の<item>内の<texture_src>の情報（assets/picture2.png）を取得するといった感じです。

該当のソースコード

<?xml version="1.0" encoding="UTF-8"?>
<info>
  <item>
    <id>type01</id>
    <name>test1</name>
    <texture_src>assets/picture1.png</texture_src>
  </item>
  <item>
    <id>type02</id>
    <name>test2</name>
    <texture_src>assets/picture2.png</texture_src>
  </item>
</info>

何か良い方法はありますでしょうか？
ご回答いただけると助かりますm(._.)m

補足情報(言語/FW/ツール等のバージョンなど)

jQueryの$.ajaxを使用してxmlファイルを読み込もうと考えています。

追記

コメントありがとうございます_(._.)_

該当のソースコード

<?xml version="1.0" encoding="UTF-8"?>
<info>
  <item type="type01">
    <id>type01</id>
    <name>test1</name>
    <texture_src>assets/picture1.png</texture_src>
  </item>
  <item type="type02">
    <id>type02</id>
    <name>test2</name>
    <texture_src>assets/picture2.png</texture_src>
  </item>
</info>

上記のように<item>にtypeを付与し、クリックするボタンそれぞれのid属性にtypeの値を持たせ、

該当のソースコード

$(xml).find("item").each(function(){
  if($(this).attr("type") == "type01"){
    var src = $(this).children("texture_src").text();
  }
});

上記のように、typeごとに子要素を探しに行く。といった感じです。

色々試してみてうまく動いた！という感じですので、何か誤りがあるかもしれませんが...