Неправильно определяется класс

$(document).ready(function() {
 $(".unsel").click( function() {
    alert('Unsel'+$(this).text());
    $(this).removeClass().addClass('sel');
 });
 $(".sel").click( function() {
    alert('Sel'+$(this).text());
    $(this).removeClass().addClass('unsel');
 });
 ...
});

$(document).ready(function() {
  $(".item").click( function() {
    // замена классов sel на unsel и наборот
   });
});

// https://stackoverflow.com/questions/7002039/easiest-way-to-toggle-2-classes-in-jquery
$(document).ready(function() {
  $(".sel, .unsel").click(function() {
    $(this).toggleClass("sel unsel");
   });
});

let elements = [
  { text: "Солнеце", className: "sel", onclick: null },
  { text: "Луна", className: "unsel", onclick: null },
  { text: "Меркурий", className: "unsel", onclick: null }
];
 
// $('.sel')
let selElements = [];
for (let i = 0; i < elements.length; i++) {
  if (elements[i].className == "sel") {
    selElements.push(elements[i]);
  }
}
// .click(function(){...})
for (let i = 0; i < selElements.length; i++) {
  selElements[i].onclick = function() {
    selElements[i].className = "unsel";
    console.log('Sel', selElements[i]);
  };
}
 
// $('.unsel')
let  unselElements = [];
for (let i = 0; i < elements.length; i++) {
  if (elements[i].className == "unsel") {
    unselElements.push(elements[i]);
  }
}
// .click(function(){...})
for (let i = 0; i < unselElements.length; i++) {
  unselElements[i].onclick = function() {
    unselElements[i].className = "sel";
    console.log('Unsel', unselElements[i]);
  };
}
 
elements[1].onclick(); // кликаем по Луне
elements[1].onclick(); // кликаем по Луне

$(".sel, .unsel").click(function() {
    $(this).toggleClass("sel unsel");
});

$(".sel").click(function() {
    $(this).toggleClass("sel unsel");
});
$(".unsel").click(function() {
    $(this).toggleClass("sel unsel");
});