Как убрать запятую из 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).