マークアップ補助用 jquery プラグイン2種

Tweet

• jquery.markup_first_last.js [Gist]
• jquery.firefox_table_fix.js [Gist]

最初と最後の子要素にスタイルクラスを与える jquery.markup_first_last.js

指定した要素の最初の子要素に、class=”first”を、最後の子要素に class=”last”を付与するプラグインです。

使い方は下記のようになります。

<script type="text/javascript" src="js/jquery.markup_first_last.js" charset="utf-8"></script>
<script type="text/javascript">
//<!CDATA[
$(document).ready(function(){
    $.firstLast(); // 全てのUL, OLタグについて適用する
    // or
    $('selector').firstLast(); // 指定したセレクタの子要素に適用する
});
//]]>
</script>

以前に紹介したjquery.alternation.jsと組み合わせると、リストや表組みの表示の制御が楽に出来ます。

Firefoxのテーブルバグを修正する jquery.firefox_table_fix.js

firefoxで、”border-collapse: collapse;”なテーブルを作成すると、左側の線が1px外側にはみ出てしまいます。このプラグインを呼び出すと、firefoxの場合のみテーブルのサイズを調整し、左側の線がはみ出ないようにします。

<script type="text/javascript" src="js/jquery.firefox_table_fix.js" charset="utf-8"></script>
<script type="text/javascript">
//<!CDATA[
$(document).ready(function(){
    $.firefoxTableFix();
});
//]]>
</script>

本プラグインの使い方等、ご質問があればコメントを入れていただくか、 twitterにて@nojimage宛につぶやいていただければ、たぶんご返答いたします。