активный элемент по клику

активный элемент по клику

document.querySelectorAll('.row').forEach((currentRow,index,rows)=>{
  currentRow.addEventListener('click',()=>{
    rows.forEach((row)=> row.classList.remove('active'));
    currentRow.classList.add('active');
  })
})


<table>
  <tbody id="body_table">
     <tr class="row" data-id="1">
       <td class="name ">Смородина Алена</td>
     </tr>
     <tr class="row " data-id="2">
       <td class="name">Коновалов Александр</td>
     </tr>
     <tr class="row " data-id="3">
       <td class="name">Зайченко Валентина</td>
    </tr>
  </tbody>
</table>


// ////////////////////////////

$(activeItem);
function activeItem(){
    var $item = $('.item'),
        $ItemActiveClass = 'item--active';
    $item.each(function(a){
        $(this).on('click', function() {
            $item
            .removeClass($ItemActiveClass)
            .eq(a)
            .addClass($ItemActiveClass);
        });
    });
};