Question

我认为我有这个脚本的基础但不能确定它为什么不起作用。我有一个动态的锚。由于我的设计参数，如果它超过10个字符，它被切断，所以我想在第10个字符后用一个hellip截断它。我为它写了正则表达式，但需要恭维它。这是我的代码：

$(function() {
    var crumb = $('#breadcrumb > li > ul > li > a:first');
    console.log(crumb)
    crumb.innerHTML.replace(/^([\d\w\s]{10}).*?/,'$1&hellip;');
    console.log(crumb)
})

忽略console.log行，因为这些是firebug脚本。出于某种原因，我的调试器第一次正确返回crumbs但返回crumbs.innerHTML第二次未定义。我如何让它工作？

所有帮助表示赞赏！

Answer 1

无需使用正则表达式。

由于您已经拥有innerHTML，因此请使用String方法和属性。

if (crumb.innerHTML.length > 10) {
   crumb.innerHTML = crumb.innerHTML.substr(0, 10) + '&hellip;';
}

更新

查看使用JSFiddle

的示例

注意：如果innerHTML包含HTML标记，则此解决方案无效。那就是我假设你的锚标签里只有文字。

替换第10个内部特定标记后的所有字符

1 个答案:

更新