使用jquery更改嵌套在随机html元素中的html元素

我有一个JQuery函数，它在充满DIV的页面中随机选择一个DIV。我试图修改该函数，以便它检查嵌套在随机DIV中的H3标签的长度。如果H3标签内的字符串长度超过10个字符（包括空格），则该函数应该截断字符串并用此新的较短字符串替换H3的内容并显示它。使用jquery更改嵌套在随机html元素中的html元素

实施例：（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＃平方米，随机地选择所看到的用户）

橙子AR

来源

2012-08-14 jabouter

伟大的答案都谢谢！ – jabouter 2012-08-30 16:11:33

$(new_item).find('h3').text($(new_item).find('h3').text().substr(0,10));

来源

2012-08-14 20:53:51 wanovak

您已拥有获取随机div元素的代码。你想添加的部分是相当微不足道的：

var h3_item = new_item.children("h3"); 
h3_item.html(h3_item.html().substring(0, 10));

来源

2012-08-14 20:59:00

使用jquery更改嵌套在随机html元素中的html元素

回答

相关问题