我有一个 JQuery 函数,它在充满 DIV 的页面中随机选择一个 DIV。我正在尝试修改该函数,以便它检查嵌套在随机 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 被随机选择,用户会看到什么)
橙子