JQueryの親要素の検索操作method_jquery

この記事の例では、Jquery 検索の親要素の操作方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

1.parents() メソッド

形式:

コードをコピー コードは次のとおりです:

parents([selector])

は要素コレクション内の各要素の現在の Match the 先祖要素を取得するために使用されます。また、必要に応じてセレクターを使用してフィルターすることもできます。
例:

コードをコピー コードは次のとおりです:

$("p").parents().css ("ボーダー" , "1px 青一色);

2. 最も近い方法

形式:

コードをコピー コードは次のとおりです:

closest(selector[, context])

このメソッドは、要素そのものから開始して、上位の要素まで照合し、最初に一致した要素を返します。
例:

コードをコピー コードは次のとおりです:

$("a").closest("div" ).css( "ボーダー", "1px 青一色");

cloest() メソッドとparents() メソッドの主な違いは次のとおりです:

①前者は現在の要素からマッチング・検索を開始し、後者は親要素からマッチング・検索を開始します

② 前者は、一致する要素が見つかるまで上方向に検索し、その後停止します。その後、これらの要素を一時的なコレクションに入れ、指定されたセレクター式を使用してフィルターします。

③ 前者は 0 または 1 つの要素を返し、後者は 0、1、またはそれ以上の要素を含む可能性があります。

3.parent() メソッド

形式:

コードをコピー コードは次のとおりです:

parent([selector])

は現在の要素のコレクション内の各要素の親要素と一致するものを取得するために使用されます。オプションでセレクターを使用してフィルター処理します。

例:

コードをコピー コードは次のとおりです:

$("p").parent( ).css( "ボーダー", "1px 青一色");

4.parentsUtil() メソッド

形式:

コードをコピー コードは次のとおりです:

parentsUtil([selector])

は現在の値を取得するために使用されます。指定されたセレクター に一致する要素までの要素セット内の各要素の祖先と一致します (ただし、この要素は含まれません)。

例:

コードをコピー コードは次のとおりです:

$("li#li2")。 parentsUtil("#ul1_li2").css("background", "#FCF");

5. offsetParent() メソッド

は、最初に一致する要素の位置にある親要素を検索するために使用されます。構文は次のとおりです:

コピー コード コードは次のとおりです:

offsetParent()

このメソッドは、最初に一致した要素の位置指定された要素を検索し、その要素でラップされた jQuery オブジェクトを返します。

包括的な例:

コードをコピー コードは次のとおりです:

タイトル 1

段落 1

タイトル 2

第 2 段落

タイトル 3

第 3 段落

本文>



操作効果は以下の通りです:




この記事が皆さんの jQuery プログラミングに役立つことを願っています。