クリックテキストを次ページに表示

jqueryにてコードを試していますが行き詰ってしまいました、
どなたかご教授いただけないでしょうか。

<div id="list">
<a href="a.html">100</a>
<a href="a.html">200</a>
<a href="a.html">300</a>
</div>

リンクをクリックしたらその内容（100なら100を）がa.htmlに表示できるようにしたいです。
window.openerなどを利用すればいいのでしょうか、、
よろしくお願いします。

No.1 ベストアンサー 回答者： shockatz 回答日時： 2012/11/07 12:20

> window.openerなどを利用すればいいのでしょうか

遷移方法はどのようはものでも関係ないと思います。
一般的に、画面遷移におけるパラメタの渡し方は、
・クエリ文字列に吐く
・FormからGET
・FormからPOST
・Sessionに吐く
・Cookieに吐く
のいずれかです（Ajaxでも同じ）。

リンク方法をイベントハンドラやJavascript呼び出しにすれば一発ですが、SEO的な観点で通常のリンク記述からいきたい場合は次のようにします（一例）。
jQuery勉強中ということで、具体的なコードは自分で考えてください。

１．preventDedaultで、div#list aのデフォルト動作を止める
２．div#list aにclickイベントを設定する
３．２のイベントハンドラ内で、$(this)のtext()を取得する
４．２のイベントハンドラ内で、documentのlocation.hrefを"a.html?param=" + 上の値にする

遷移先のa.htmlでlocation.searchを読みだし、param=以降の文字列を取得して表示する。

この回答へのお礼

ご提示いただいた手順を追って
無事動作させることができました！
ご丁寧に教えていただきありがとうございます。

パラメータの渡しについてもよくわかっていなかったので
勉強になりました、ありがとうございました。

お礼日時：2012/11/07 16:02