Как добавить/убрать доп. текст к элементу?

Question

[stetxems]

Подскажите как добавлять в кнопку активною доп. текст(Например Select)
и потом убирать доп.текст если она не активная

Answer 1

[0xD34F]

Через псевдоэлемент.

Если текст всегда одинаковый, тогда

.active {
  &::after {
    content: "hello, world!!";
  }
}

Если разный, положите его в data-атрибут:

<a class="tabs-select__button" data-text="hello, world!!">
<a class="tabs-select__button" data-text="fuck the world">

.active {
  &::after {
    content: attr(data-text);
  }
}

Comments

[stetxems]

Текст не одинаковый, первая кнопка Plan A, Вторая Plan B . Хочу через JS. Но до конца не выходит

[0xD34F]

stetxems, https://jsfiddle.net/qLcsjnye/

[stetxems]

0xD34F, Уже сам сделал.Можешь посмотреть, добавил масив и дальше вытаскивал, что нужно.