JQueryでURL取得から文字列作成

質問

やりたいこととして

開いているページのURLを取得し
.param()で指定したパラメータ(catg)だけを抜き出す

抜き出したパラメーターを
指定した文字列の末尾にくっつけて新しいURLとして
loadを用いて特定のセレクタを空のdivに流し込む

以上のことを行いたいです

書いては見たのですが動作せずで・・・

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">

$(function() {

var url = $.url().param();
url.catg;

var str;
str = "http://www.test.com" + url +"/";

$('#sample')
.load('str dummy');

});

</script>

<div id="sample"></div>

初心者のためあまり理解せずに書いている状態です
どのようにすればよいかご教授いただけませんでしょうか？

回答No.1

sanzero · ベストアンサー

そもそもurlというメソッドはjQueryにありません。
おそらく、その書き方からすると、jQuery-URL-Parserというプラグインを使うのではと思います。

http://www.webopixel.net/javascript/416.html

そのプラグインを読み込んだらこんな感じで書けば良いと思います。

$(function() {

var catg = $.url().param(”catg”),
load_url = "http://www.test.com/" + catg;

// load_url 内のdummy_idブロック内の要素を取得
$('#sample').load(load + ' #dummy_id');

});

javascriptの開発にはfirefoxのfirebugかchromeの開発者ツールのコンソールを見るとよいです。

お礼

ありがとうございます！
ご指摘いただいた内容で試行錯誤して実装することができました！