如何从div中删除逗号

Question

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

如何删除逗号和空格？

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），我可以为您提供更好更详细的信息。