小粋空間  -  a cheap joke and a play on words site

「JavaScript で文字をトリミングする（改善版）」バージョンアップ

JavaScript で文字をトリミングするスクリプトをバージョンアップしました。

JavaScript で文字をトリミングする（改善版）

具体的には、feedburner のバズブーストのようなマークアップ（下）で、記事タイトル部分をトリミングできるようにしました。

下の例であれば、記事タイトルの親要素（span）の class 属性値 headline と、記事タイトルの要素（a）、そしてトリミング文字数を指定すれば、記事タイトルを指定した文字数でトリミングできます。

<ul>
  <li>
    <span class="headline">
      <a href="http://～">記事タイトル1</a>
    </span>
    <p class="date">2008/8/03</p>
    <div>記事タイトル1の概要</div>
  </li>
  <li>
    <span class="headline">
      <a href="http://～">記事タイトル2</a>
    </span>
    <p class="date">2008/8/02</p>
    <div>記事タイトル2の概要</div>
  </li>
  <li>
    <span class="headline">
      <a href="http://～">記事タイトル3</a>
    </span>
    <p class="date">2008/8/01</p>
    <div>記事タイトル3の概要</div>
  </li>
</ul>

設定の詳細については「JavaScript で文字をトリミングする（改善版）」をご覧ください。