Javascript 缩短链接文本

这可能真的很简单，但我不知道我该怎么做 我想缩短一个链接，如果它超过30个字符添加。。。最后，可以在hover上看到完整的链接，就像在amazon上一样

我的功能不起作用

function shortenLink() {
    var string = $("div a").text();

    if (string.length > 30) {
        string.substring(0, 30);
        string.append('...')
    }
}

---

使用

文本溢出：省略号用于

和
-webkit线夹：3个根据您的线路要求

希望这有帮助：）

例如


.wrapper{
填充：20px；
背景：#eaeaea；
最大宽度：300px；
保证金：20px自动；
字体系列：arial；
}
.演示{
溢出：隐藏；
显示：-网络工具包盒；
-webkit线夹：2个；
-网络工具包盒方向：垂直；
}

Lorem ipsum Door sit amet，继续为精英服务。但暂时性的错误识别是腐败的原因！发明者，其资格为：博氏药水，ab velit
使用jquery尝试以下操作：

$("div a").each(function(i,v){
    $(v).attr('title',$(v).text());
    if($(v).text().length > 30){
        var str = $(v).text().substring(0,30) + "...";
        $(v).text(str);
    }
});

子字符串返回一个新字符串-因此它不会更改当前字符串。
因此，在任何解决方案中，您都希望将文本重新分配给元素

（使用$（elementQuery）.text（newValue））

更简单的解决方案


函数短字符串（字符串，maxLength=30）{
return string.length>=maxLength？string.slice（0，maxLength-3）+'…'：string
}
//可以使用$（）.text（）函数获取此字符串。
log（shortenString（'ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
log（shortenString（'ss'））
将该字符串重新分配给锚定标记，如$（'div a'）。text（string）您可以仅使用CSS来完成此操作。。。假设所有字符串方法都会改变原始字符串。他们没有。对于这类问题，您还应该提供您的HTML，因为几乎可以肯定的是，只有CSS选项不需要JavaScript。@DavidThomas我认为在这种情况下，如果有30个字符限制的先决条件，这是不可能的。您如何解释OP使用此方法指定的30个字符限制？也可以使用链接而不是p并添加标题attribute@Madmin你如果这个答案能为你解决问题，我应该把它标记为解决方案。是的，我想，但我必须等更长的时间才能接受它