使用jQuery或纯JavaScript的html子字符串

我现在有个问题。我有一个包含html的div。但是如果div中的html太长，我希望它被缩短，并在最后添加三个点。现在，对于纯文本，这不会有问题。对于html，我的问题是。假设我有

<div>
    Some <a href="someurl">LinkText</a> and a 
    <span class="this-class">special formatting that's also <b>bold</b></span>
</div>

将导致类似的情况（我没有计算确切的长度；）

一些和一个
最好不要在HTML/JavaScript级别解决这个问题。相反，使用CSS的
溢出：隐藏
和
文本溢出：省略号
（您可能还需要
空白：nowrap
）：


.limit{
宽度：20em；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

一些和一个
特别的鞋垫也很醒目
最好的办法是根本不要在HTML/JavaScript级别解决这个问题。相反，使用CSS的
溢出：隐藏
和
文本溢出：省略号
（您可能还需要
空白：nowrap
）：


.limit{
宽度：20em；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

一些和一个
特别的鞋垫也很醒目
像这样尝试，使用正则表达式


var regex=/（]+）>）/ig
var html=jQuery（“#容器”）.html（）；
var result=html.replace（regex，“”）；
console.log（result.substr（0,50））

一些和一个
特别的鞋垫也很醒目
像这样尝试，使用正则表达式


var regex=/（]+）>）/ig
var html=jQuery（“#容器”）.html（）；
var result=html.replace（regex，“”）；
console.log（result.substr（0,50））

一些和一个
特别的鞋垫也很醒目
在这类任务中使用CSS怎么样？你想在字符串中显示尾随的网线还是要显示尾随的网线？在这类任务中使用CSS怎么样？你想在字符串中显示尾随的网线还是要显示尾随的网线？是的，你也可以使用cssNow，对吗？；-）对CSS是最好的方法：）使用cssyeah你也可以使用cssNow，对吗？；-）对CSS是做这件事的最好方法：）使用cssAwesome这是最好的谢谢。。。这正是我想要的。你知道的越多；）太棒了这是最好的谢谢。。。这正是我想要的。你知道的越多；）
$(theSelector).html($(theSelector).html().substring(0,50));

<div>
    Some <a href="someurl">LinkText</a> and a 
    <span class="this-