我需要截断可能包含或不包含 HTML 标签的段落文本。我正在寻找最有效的方法来使用直接 jQuery 或普通 javascript 来完成此操作。您可以在这里看到问题:http://jsfiddle.net/4BzpY/3/
var text = "This <a href=\"\">is</a> some text with a link";
var shortText = jQuery.trim(title).substring(0, 10).split(" ").slice(0, -1).join(" ") + "...";
alert(shortText );
截断的文本将位于可以动态扩展以显示所有内容的段落元素中。在这种情况下,我不想删除 HTML 标签,然后仅在完全展开时才显示它们。 HTML 应保持折叠和展开状态不变。
如果这是为了在页面上显示,更简洁的方法可能是使用 CSS。给定 HTML:
<span class="truncated">this is truncated text</span>
和CSS:
.truncated {
overflow: hidden;
display: block;
width: 50px;
white-space: nowrap;
text-overflow: ellipsis;
}
这将显示类似以下内容:
this is...
然后,您可以在需要时使用 JavaScript 删除 CSS 类。示例实现:http://jsfiddle.net/a8QK4/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)