JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">

    <div class="h1" data-id="1">Teachers</div>
        <div class="h2" data-id="2">Who is your favorite Math teacher?
            <div>* Homer Simpson &nbsp  <span class="like" data-id="3" data-sec="2">Like</span></div>
            <div>* Elmer Fudd &nbsp     <span class="like" data-id="4" data-sec="2">Like</span></div>
            <div>* Bugs Bunny &nbsp     <span class="like" data-id="5" data-sec="2">Like</span></div>
            <div>* Obelix &nbsp         <span class="like" data-id="6" data-sec="2">Like</span></div>
            <div>* Mojo Jojo &nbsp      <span class="like" data-id="7" data-sec="2">Like</span></div>
        </div>
        <br>
    <div class="h1" data-id="8">Restaurants</div>
        <div class="h2" data-id="9">Which is your favourtie restaurant in town?
            <div>* McDonalds &nbsp              <span class="like" data-id="10" data-sec="9">Like</span></div>
            <div>* KFC &nbsp                    <span class="like" data-id="11" data-sec="9">Like</span></div>
            <div>* The Heart Attack Grill &nbsp <span class="like" data-id="12" data-sec="9">Like</span></div>
            <div>* In-n-Out &nbsp               <span class="like" data-id="13" data-sec="9">Like</span></div>
            <div>* Popeye's &nbsp               <span class="like" data-id="14" data-sec="9">Like</span></div>
        </div>

</div>

JavaScript

$(".like").click(function() {
    $(this).parent().siblings().children().css('background-color', 'red');
    $(this).closest('.h2').find('span').not(this).css('color', 'yellow'); 
});