1

データベースから取得したhtmlテキストがあります。テキストの構造は常に次のようになります。

<div>Short text</div>Long text

そして繰り返し:(予測できない回数）

<div>Short text</div>Long text
<div>Short text</div>Long text
<div>Short text</div>Long text
<div>Short text</div>Long text

私がやりたいのは、「長いテキスト」の長さを確認し、それが200文字を超える場合（たとえば）、残りを非表示にして、表示-非表示ボタンを追加することです。

それで：

Long <span id="hidden1" style="display:none;">text</span>
<a href="#" onclick="showHide(1)">show/hide</a>

DBがフェッチしたHTMLを解析し、「長いテキスト」を読み取って、上記の変更を適用できるようにするにはどうすればよいですか？

私はすでに数日間これに参加していて、それを理解することができません。

ありがとうございました！

4

1 に答える 1

2

Jquery truncateプラグインは、特定の文字制限でテキストを動的に非表示/表示できるようにすることで、目的とほぼ同じことを行います。

$().ready(function() {  
  $('#textContainer').jTruncate({  
      length: 200,  
      minTrail: 0,  
      moreText: "[show]",  
      lessText: "[hide]",  
      ellipsisText: " ...", // how indicate to user truncation has happened
      moreAni: "fast",  
      lessAni: 2000  
  });  
});

このプラグインを使用する利点は、コンテンツ内の任意のポイント (表示/非表示スパンなど) に PHP を介して追加のマークアップを挿入する必要がないことです。

于 2010-09-03T09:54:31.217 に答える