jQueryを使ってcite属性とtitle属性を表示する(改)

以前「jQueryを使ってcite属性とtitle属性を表示する」という記事を書いたのですが、削除したのでその改訂版。

$(document).ready(function()
    {
    $('blockquote[@cite^="http://"]').each(function()
        {
        var $title = $(this).attr('title');
        var $cite = $(this).attr('cite');
        $(this).after("<p class=\"source\"><cite><a href=\"" + $cite +"\">" + $title + "</a></cite></p>");
        });
    });

これを実行すると、

<blockquote cite="引用元URI" title="引用元タイトル">
<p>引用した文章。</p>
</blockquote>

が、

<blockquote cite="引用元URI" title="引用元タイトル">
<p>引用した文章。</p>
</blockquote>
<p class="source"><cite><a href="引用元URI">引用元タイトル</a></cite></p>

というように表示されるようになります。cite属性にhttp://を含む場合のみリンクを生成します。ISBNを記述した場合はcite属性もtitle属性も表示されませんが、引用元リンクを生成するのが目的なのでいいかなと。あと、当然ながらJavaScriptが無効になっている場合も表示されません。

これはjQueryでcite属性とtitle属性を表示するスクリプト(der Gegenwart)の改変版です。

リソース情報

URI
http://az-store.nrym.org/note/2008/06/28/18
日付
2008年6月28日
最終更新日
2008年10月2日
カテゴリー
前の記事
次の記事
よく読まれる記事
カテゴリー
タグ
月別アーカイブ
利用中のサービス
検索

案内