DIV でいっぱいのページで DIV をランダムに選択する JQuery 関数があります。ランダム DIV にネストされた H3 タグの長さをチェックするように関数を変更しようとしています。H3 タグ内の文字列の長さが 10 文字 (空白を含む) を超える場合、関数は文字列を切り捨て、H3 の内容をこの新しい短い文字列に置き換えて表示する必要があります。
例: (jquery)
if ($('#main').length !== 0) {
var new_item = $('#main div').eq(Math.floor(Math.random() * $('#main div').length));
new_item.css('display','block');
}
(htmlファイル)
<div id="main">
<div id="m1" style="display:none;">
<h3>Apples are red</h3>
</div>
<div id="m2" style="display:none;">
<h3>Oranges are orange</h3>
</div>
<div id="m3" style="display:none;">
<h3>Bananas are yellow</h3>
</div>
</div>
(望ましい出力 - DIV#m2 がランダムに選択された場合にユーザーに表示されるもの)
オレンジar