ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jqueryでのclosest()関数の使用例

jQuery_jqueryでのclosest()関数の使用例

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 16:21:501543ブラウズ

この記事の例では、jQuery での最も近い() 関数の使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

この関数は要素自体から開始し、上位の要素を段階的に照合し、最初に一致した要素を返します。
close() 関数は、まず現在の要素が一致するかどうかを確認し、一致する場合は要素自体を直接返します。一致するものがない場合は、セレクターに一致する要素が見つかるまで、レイヤーごとに親要素を上方向に検索します。何も見つからない場合は、空の jQuery オブジェクトが返されます。

文法構造 1:

コードをコピー コードは次のとおりです:
$(selector).closest(expr, context)

パラメータリスト:

参数 描述
expr 用以过滤元素的表达式
context 可选。作为待查找的 DOM 元素集或者文档。

コード例:

例 1:

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






closest() 関数 - スクリプト ホーム


$(document).ready(function(){
$(".father p").closest("div").css("color","green");
})




私は div
です。

私は孫です p



私は私の息子です



私は兄弟ですp


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。