jQueryﾌﾞｯｸﾏｰｸﾚｯﾄを用いて… Add Star 以下のようなHTML <a href="url">hoge</a> があるﾍﾟｰｼﾞ内に複数あったとき､目的として｢urlとhogeの値をﾊﾟｰｽし結果をﾌﾞ…

jQueryﾌﾞｯｸﾏｰｸﾚｯﾄを用いて… Add Star

以下のようなHTML
<a href="url">hoge</a>
があるﾍﾟｰｼﾞ内に複数あったとき､
目的として｢urlとhogeの値をﾊﾟｰｽし結果をﾌﾞﾗｳｻﾞ上で一覧表示｣する方法について質問です｡
添付のﾌｧｲﾙはﾈｯﾄを参考に任意のﾀｸﾞの値を抽出し､結果をﾌﾞﾗｳｻﾞ上に一覧表示するﾌﾞｯｸﾏｰｸﾚｯﾄとなります｡
下記のｽｸﾘﾌﾟﾄをﾌﾞｯｸﾏｰｸﾚｯﾄとして保存して実行すると任意のﾀｸﾞ属性を指定するpromptが表示されますが､今回は目的のﾀｸﾞが上記のように定まっているのでpromptの表示は不要ですが､ｿｰｽをどのように修正すれば意図する内容が得られるかご教示頂けますでしょうか｡
よろしくお願いいたします｡

[Bookmarklet]
ExtendedURL=javascript: (function () { var d = document; var s = d.createElement('script'); s.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'; d.body.appendChild(s)})();jQuery(function () { var out = ''; var prt = prompt('Please enter the TAG type for parse.', 'dt'); var user = prt.toLowerCase(); jQuery(user, this).each(function () { out += $(this).text() + '\n'; }); document.write('<textarea cols=\'100\' rows=\'100\' selected=\'selected\'>' + out + '</textarea>'); $('textarea').select();});

こんな感じで､あってますか？

javascript: (function () { var d = document; var s = d.createElement('script'); s.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'; d.body.appendChild(s); $(function () { var out = ''; ("A").each(function() { var url = $(this).attr("href"); var txt = $(this).text(); out += url + "\t" + txt + "\n"; }); var ta = d.createElement('textarea'); ta.cols = 100; ta.rows = 100; ta.innerHTML = out; d.body.appendChild(ta); ta.select(); }); })();

Google がﾎｽﾄしてくれてる jQuery を､最新の 1.11.1 にしました
Firefox で試してみたら､非同期の document.write が怒られたので､DOM で要素を追加するようにしました

Bookmarklet を作るとき､ｲﾝﾃﾞﾝﾄが無いと間違いやすいので､外部ｽｸﾘﾌﾟﾄﾌｧｲﾙに書くとﾃﾞﾊﾞｯｸﾞやﾒﾝﾃが楽ﾁﾝです｡
外部ｽｸﾘﾌﾟﾄは､ﾛｰｶﾙに Apache を立てておくか､Github なんかを使う｡

例えば､この回答のだと､以下のようなｽｸﾘﾌﾟﾄを http://localhost/hoge.js でｱｸｾｽできるところに置いておきます｡

(function () {
 var d = document;
 var s = d.createElement('script');
 s.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js';
 d.body.appendChild(s);
 $(function () {
 var out = '';
 $("A").each(function() {
 var url = $(this).attr("href");
 var txt = $(this).text();
 out += url + "\t" + txt + "\n";
 });
 var ta = d.createElement('textarea');
 ta.cols = 100;
 ta.rows = 100;
 ta.innerHTML = out;
 d.body.appendChild(ta);
 ta.select();
 });
})();

で､Bookmarklet はこんな感じ｡

javascript:(function(src){var s=document.createElement('script');s.setAttribute('type','text/javascript');s.setAttribute('charset','UTF-8');s.setAttribute('src',src);document.body.appendChild(s);})('http://localhost/hoge.js');

最後の方にある URL を書き換えるだけです｡

はてなには､Hatena::Let というｻｰﾋﾞｽもあります｡
先に書いたようなことを､まるっとWebｻｰﾋﾞｽとして提供してくれています｡

追記です｡
jQuery を使う必要ないんじゃね？と思ったので､素の DOM だけで書いたのがこちらです｡

javascript: (function () { var d = document; var lnks = document.getElementsByTagName("A"); var out = ''; for (var i = 0 ; i < lnks.length ; ++i) { var url = lnks[i].href; var txt = lnks[i].innerHTML; out += url + "\t" + txt + "\n"; } var ta = d.createElement('textarea'); ta.cols = 100; ta.rows = 100; ta.innerHTML = out; d.body.appendChild(ta); ta.select(); })();