JSFiddle - React, Tailwind, and code Playground

by wirey00

HTML

<div class="privLabel_textHere"></div>
<div class="psSelectDD dn">
    <ul class="psSelectUl">
        <li class="privListItem checkedList selectedList"> <a href="/pp" class="psLink">
             <span class="privLabel">PP</span>
           </a>

        </li>
        <li class="privListItem"> <a href="/pf" class="psLink">
             <span class="privLabel">PF</span>
           </a>

        </li>
        <li class="privListItem"> <a href="/po" class="psLink">
             <span class="privLabel">PO</span>
           </a>

        </li>
    </ul>
</div>

CSS

.checkedList{
    color: brown;    
}
.selectedList{
    border: 1px solid red;
}

JavaScript

$("a.psLink").on("click", function (e) {
        var $this = $(this);
        $('.checkedList.selectedList').removeClass('checkedList selectedList');
        $this.closest('.privListItem').toggleClass('checkedList selectedList');
        $('.privLabel_textHere').text($this.text());
        e.preventDefault();
    });