jQueryでxmlの異なるタグ要素を取得したい。

質問

jQueryを最近勉強したての者です。
詳しい方、どうか教えて下さい。

HTMLにxmlのデータを読み込ませようとしています。

概略をお話しすると、
htmlファイルによって、xmlの別々の要素を取得したいのです。
やりたいメソッドは同じです。
別々の要素の中のデータによって、imgの表示／非表示を切り替えたいのです。

問題は、対象となるhtmlファイルが複数あり
そのhtmlファイルによって、参照するxmlのタグが異なる事なんです。

xmlは、以下のように<shopdata>をルートノードとし、以下のような感じです。

---------------------
<?xml version="1.0" encoding="utf-8"?>
<shopdata>
<item>
<name1>0</name1>
<name2>1</name2>
<name3>0</name3>
</item>
</shopdata>
---------------------

<name*>～</name*>
の中のデータは、0もしくは1なのですが
0の時はimgを表示
1の時はimgを非表示させようと考えています。

ただ<name1><name2><name3>　とタグ名がバラバラなんです。
※おしりの数字が違うだけで、規則的ではあります。

ちなみにhtmlは複数あって
　a.htmlの時は→xmlの<name1>を参照
　b.htmlの時は→xmlの<name2>を参照
　c.htmlの時は→xmlの<name3>を参照
という感じです。

※htmlファイル名は特に規則的ではなく、いろいろなファイル名がついています。。。

最初、考えたのは、
htmlのどこかに、id="1"と入れて、idが1の時は、<name1>の要素を取得し、
htmlのどこかに、id="2"と入れて、idが2の時は、<name2>の要素を取得し…
っていうことを考えたのですが、それもどのように書いたら良いのかが分からないんです。

そもそも、そういった事は可能なのでしょうか？
ちなみのhtmlのbodyタグ自体がテンプレートでできているので、
idをどこかにふるとしたら、head内とかになるのしょうか？

それぞれ、ボタンの表示は、
if文を使って、show(),hide()メソッドを使うとは思うのですが…

詳しくコードを教えていただけたら、助かります。

どうか、宜しくお願いいたします。

回答No.1

fujillin · ベストアンサー

使用条件がよくわかってませんけれど、
＞ただ<name1><name2><name3>　とタグ名がバラバラなんです。
読込む対象は全て同じxmlに固定されていると考えてよいのですよね？

＞htmlのどこかに、id="1"と入れて、idが1の時は、<name1>の要素を取得し、～

＞ちなみのhtmlのbodyタグ自体がテンプレートでできているので、
＞idをどこかにふるとしたら、head内とかになるのしょうか？
スクリプト部分はファイルごとに違う設定が可能なのでしょうか？

そうであれば、読込む部分は関数にしておいて
　getAjax("name1"); とか　getAjax("name2");
のように指定したい部分だけを、それぞれのhtml内に記載して呼び出すようにしておけばよいのではないでしょうか。
（残りの部分は共通にしておいて、html内にでも外部ファイルにでも…）

あるいは、その部分も書き分けるのが嫌なのであれば、urlのファイル名部分とタグ名の対応表を用意しておいて、参照したいタグ名を求められるようにすれば、共通のスクリプトにすることも可能かと。
例えば
　var loc = window.location.href.match(/\/([^/]+)\.html$/);
　var name = loc?{"a":"name1", "b":"name2", "c":"name3"}[loc[1]]:null;
　alert(name);
　//（対応がない場合はundefined又はnull）
みたいな方法で。

…あ！（↑）特段 jqueryにはなってませんけど。

お礼

アドバイスありがとうございます。
また、お礼が遅くなってしまい、すみません。

HTMLに対して、jsファイルは一つです。
また、それぞれのHTMLのスクリプト部分はファイルごとに違う設定が可能です。

htmlの方にgetAjaxで呼び出すんですね。
ぜひ、参考にさせていただいて、いろいろやってみますね。

でもコードを書いていただいて
もっともっと勉強しないとな…って実感です。。

お忙しいところ、大変ありがとうございました。