JavaScriptで全ての兄弟要素からクラスを削除する方法

1. querySelectorAllとclassListを使用する方法:

   const element = document.querySelector("#yourElementId");
   const siblings = Array.from(element.parentNode.children);
   siblings.forEach(sibling => {
   if (sibling !== element) {
   sibling.classList.remove("classNameToRemove");
   }
   });

2. nextElementSiblingとpreviousElementSiblingを使用する方法:

   const element = document.querySelector("#yourElementId");
   let sibling = element.nextElementSibling;
   while (sibling) {
   sibling.classList.remove("classNameToRemove");
   sibling = sibling.nextElementSibling;
   }
   sibling = element.previousElementSibling;
   while (sibling) {
   sibling.classList.remove("classNameToRemove");
   sibling = sibling.previousElementSibling;
   }

3. classListとquerySelectorAllを使用する方法:

   const element = document.querySelector("#yourElementId");
   const siblings = document.querySelectorAll("#yourElementId ~ *");
   siblings.forEach(sibling => {
   sibling.classList.remove("classNameToRemove");
   });

これらの方法は、要素のIDを使用して特定の要素を取得し、その親要素の子要素を取得します。そして、特定のクラスを持つ兄弟要素からクラスを削除します。

以上が、JavaScriptで全ての兄弟要素からクラスを削除するいくつかの方法です。必要に応じて、これらのコード例を参考にしてください。