kreoTech

$('.class').on('click', function(e){
      var $this = $(this);
      if ($this.prop('disabled')) {return false;};
      $this.prop('disabled', true);
      $this.val('Вы подписаны');
   });

На коленке сделал. Должно работать.

Никак. Он работает только с текущим селектором.
https://developer.mozilla.org/ru/docs/Web/CSS/attr

В CSS переменную значение attr() не сохраняется. То есть за пределами правила использовать это значение нельзя.

В данном случае только по стандартному: через классы предварительно заданные или привлекать js для генерации недостающих данных.