JSFiddle - React, Tailwind, and code Playground

HTML

<div class="selectline">
    <span>aaaaaaaaaaaaaabbbbbbbbbbbbbccccccccccccccccc</span><br>
    <span>aaaaaaaaaaaaaabbbbbbbbbbbbbccccccccccccccccc</span><br>
    <span>aaaaaaaaaaaaaabbbbbbbbbbbbbccccccccccccccccc</span><br>
</div>

CSS

.selected{
    background: red;
}

JavaScript

$('.selectline > span').click(function(){
    var t = $(this);
    if (t.hasClass('selected')) {
        t.removeClass('selected');
    } else {
        t.parent().children('span').removeClass('selected');
        $(this).addClass('selected');
    }
});