使用 jquery 更改嵌套在随机 html 元素中的 html 元素
Change html element nested inside a random html element with jquery
我有一个JQuery函数,可以在充满DIV的页面中随机选择一个DIV。我正在尝试修改函数,以便它检查嵌套在随机 DIV 中的 H3 标签的长度。如果 H3 标记中的字符串长度超过 10 个字符(包括空格),则该函数应截断字符串并将 H3 的内容替换为这个新的较短字符串并显示它。
例:(j查询)
if ($('#main').length !== 0) {
var new_item = $('#main div').eq(Math.floor(Math.random() * $('#main div').length));
new_item.css('display','block');
}
(网页文件)
<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,用户会看到什么)
橙子
$(new_item).find('h3').text($(new_item).find('h3').text().substr(0,10));
您已经拥有获取随机div
元素的代码。 您要添加的部分相当微不足道:
var h3_item = new_item.children("h3");
h3_item.html(h3_item.html().substring(0, 10));
相关文章:
- 如何设置html元素填充的动画
- 删除对HTML元素的拖动
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 如何使用JQuery在Javascript中转换字符串中的HTML元素
- 一个html元素的克隆次数太多
- 使用AngularJS Directive WHITOUT$scope创建一个动态html元素
- 为什么我在Internet Explorer上看不到html元素
- 重新排列HTML元素的顺序并更改内容
- 使用.on动态添加jquery/js不知道的html元素
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- 如何将html元素添加到tampermonkey中
- 访问html元素值javascript
- 如何在HTML元素上创建函数,而不是将元素作为参数传递
- 自定义HTML元素属性未显示-Web组件
- 让HTML元素充当停止滚动的锚点
- 将html元素插入到文本字符串中,以匹配另一个html字符串
- 替换HTML元素中的字符
- 如何将html元素添加为生成的内容
- 如何使用JavaScript在没有html dom的情况下隐藏html元素
- 使用JS加载HTML元素