<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
(function($){
jQuery(function(){
var element = "h4";
var prefix = "test";
jQuery(element).each(function(i){
var fragment = prefix + i;
var title = "<li><a href=\"#" + fragment + "\">" +
jQuery(element).eq(i).html()+ "</a></li>" ;
$("#find").append(title);
$(this).attr("id", fragment ).prepend('<a href="#">△</a> ');
});
});
})(jQuery);
</script>
…
<ul id="find"><li>見出し</li></ul>
#(フラグメント識別子)付のリンクについて、jQueryを使った。
特定エレメント用のアンカー作成スクリプト
blogやコンテンツマネージメントによる自動化処理を行わないで、ドキュメントを作成するときには、リンクの作成は、とても面倒なものです。別ページ以外へのリンクだけではなく、閲覧性を浴するために、ページ内リンクなどのナビゲーションも多数必要になります。
このスクリプトは、そのようなルーチンワークの労力減少と、クリーンなhtmlのために、ちょっとしたヒントになるかもしれないと思いました。
このスクリプトはオリジナルなので、何度も検証していませんので、不具合があるかもしれません。