jQuery特定のクラスで親要素を取得します

特定のクラスで親要素を取得するためのクイックjQueryスニペット。

<span>var container = $(this).parents('.item');</span>

特定のクラスを使用したjQuery親要素に関するよくある質問（FAQ）

jQueryの特定のクラスを持つ親要素を選択するにはどうすればよいですか？

jQueryの特定のクラスを持つ親要素を選択するには、クラスセレクターと組み合わせた.parents（）メソッドを使用できます。たとえば、クラスの「子供クラス」の要素のクラス「親クラス」を持つ親要素を選択する場合、次のコードを使用できます：

$（ '。子供クラス'）; jquery？

jqueryの.parent（）メソッドの.parents（）は、選択した要素の直接親要素を返し、.parents（）メソッドは選択した要素のすべての祖先要素を返し、DOMツリーを通過します。セレクターが提供されている場合、そのセレクターに一致する祖先のみを取得します。

.parents（）の代わりに.closest（）を使用して特定のクラスを持つ親を見つけることができますか？ DOMツリーを横断し、セレクターに一致するすべての祖先を返す.parents（）とは異なり、.closest（）は、最初の試合で停止します。例は次のとおりです。

$（'。Child-Class '）。たとえば、親要素にクラスを追加するには、次のコードを使用できます：

$（'。Child-Class '）。親（'。親クラス '）。各クラスをコンマで分離します。例は次のとおりです。

$（'。Child-Class '）。 .lengthプロパティを使用して、親が存在するかどうかを確認できます。 .lengthが0を返す場合、親が存在しないことを意味します。

他のjQueryトラバーサル方法で.parents（）を使用できますか？

親要素のクラスを取得するには、親要素を選択した後、「クラス」属性を使用して.attr（）メソッドを使用できます。例は次のとおりです。

var parentclass = $（'。Child-Class '）。parent（）。たとえば、要素のすべてのdiv親を選択するには、$（'。Child-Class '）を使用できます。直接の親が指定されたクラスを持っていない場合、空のjQueryオブジェクトを返します。例は次のとおりです。

$（ '。子供クラス'）。親（ '。親クラス'）;

以上がjQuery特定のクラスで親要素を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。