JavaScriptとNode.jsで親要素のクラスを持つ要素を見つける方法


方法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)を持つ親要素を取得しています。

これらの方法を使用すると、特定のクラスを持つ要素の親要素を見つけることができます。必要に応じて、コードをカスタマイズして使用してください。