jquery - 如何从div中删除逗号

Question

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

如何删除逗号和空格？

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