JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-9">
  <ul n_table_content docs-list>
    <li>
      <div class="n_table_info">
        <a href="#" target="_blank" class="doc-is-viewed">
          <span class="docNameSearch">Name</span><i class="doc-num-text">23</i> от 12.12.81г на сумму <span class="doc-sum-text price">$1</span>
        </a>
      </div>
    </li>
    <li>
      <div class="n_table_info">
        <a href="#" target="_blank">
          <span class="docNameSearch">Name</span><i class="doc-num-text">23</i> от 12.12.81г на сумму <span class="doc-sum-text price">$1</span>
        </a>
      </div>
    </li>    
  </ul>
</div>

CSS

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

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

JavaScript

$(".n_table_info a").click(function() {
  $(this).removeClass("doc-is-viewed");         
});