如何从div中删除逗号

Question

我有一个带逗号标记的div，用逗号分隔。我正在检查锚的数量是否超过六，如果是，我隐藏了所有的锚标签，但是留空的逗号仍然存在。

如何删除逗号和空格？

Answer 1

您可以做的一个技巧是不将这些分隔符（逗号）直接添加到标记中，而是使用CSS :after伪选择器和content属性。这样，逗号就会附加到链接上。

HTML：

<a href="#">link 1</a>
<a href="#">link 2</a>
<a href="#">link 3</a>
<a href="#">link 4</a>

CSS：

a:after { content: ','; }
a:last-child:after { content: ''; }

请查看我的jsFiddle Demo。单击链接将其删除。

或者，您还可以隐藏周围的div，因此内部的所有内容都将隐藏（$('#parentdiv').hide()）。如果您提供有关您的问题的任何详细信息（当前代码，您希望看到什么，jsFiddle最好），我可以给您更好更详细。