方法1: parentElementプロパティを使用する方法
const element = document.querySelector(".target-class");
const parentElement = element.parentElement;
console.log(parentElement);
上記のコードでは、.target-class
というクラスを持つ要素を選択し、parentElement
プロパティを使用してその親要素を取得しています。
方法2: closestメソッドを使用する方法
const element = document.querySelector(".target-class");
const parentElement = element.closest(".parent-class");
console.log(parentElement);
上記のコードでは、.target-class
というクラスを持つ要素を選択し、closest
メソッドを使用して指定された親要素クラス(.parent-class)を持つ最も近い祖先要素を取得しています。
方法3: jQueryを使用する方法
const element = $(".target-class");
const parentElement = element.parent(".parent-class");
console.log(parentElement);
上記のコードでは、jQueryを使用して.target-class
というクラスを持つ要素を選択し、parent
メソッドを使用して指定された親要素クラス(.parent-class)を持つ親要素を取得しています。
これらの方法を使用すると、特定のクラスを持つ要素の親要素を見つけることができます。必要に応じて、コードをカスタマイズして使用してください。