JSFiddle - React, Tailwind, and code Playground

HTML

<div class="n_table_info">
  <span class="doc-is-viewed">
    <a href="#" target="_blank"> <!-- url с back-end -->
      <span class="docNameSearch">
        Name
      </span><i class="doc-num-text">№23</i> от 21.12.2017г на сумму <span class="doc-sum-text price">4</span>$
    </a>
  </span>
</div>

CSS

.n_table_info a{
  font-size: 13px;
  color: #000;
  font-weight: normal;
}

.doc-is-viewed a {
  font-weight: bold;
  font-family: arial, sans-serif;
}

JavaScript

$(".n_table_info span").click(function(e) {
  e.preventDefault();
  $(this).removeClass('doc-is-viewed');
})