jQueryでHTMLファイル内にあるリンクのリストを作る

Pocket

HTMLのサイトマップなどからリンクを抜き出して一覧を作る方法です。
URLのリストなどをExcelで作りたいときなどに便利です。


bodyの中に結果のリストを表示するdivを適当に作っておきます。

<div class="list"></div>

headerまたはbodyでjQueryを読み込みます。

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

jQueryのあとで以下のスクリプトを実行します。

<script>
 $(function(){
 $("a").each( function() {
 $(".list").append($(this).attr("href")+"<br>");
 });
});
 </script>

これでHTML中にあるaタグのhrefの中身が全てdiv.listの中に表示されます。
あとはコピペして自由に使えます。

atnr.net の RSS登録はこちらから