jQuery_jqueryのparents()メソッドの使用例

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

このメソッドは、一致するすべての要素の親要素を含む要素のセットを取得します。
取得した親要素のセットは、式を使用してフィルタリングすることもできます。

文法構造:

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

$(selector).parents(expr)

パラメータリスト:

参数	描述
expr	可选。用于筛选父辈元素的表达式。

コード例:

例 1:

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

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("li").parents().css("color","re​​d")
})

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン

上記のコードは、li 要素のすべての祖先要素のフォントの色を赤に設定できます。color 属性が継承されるため、li 要素内のフォントは赤になります。

例 2:

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

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("li").parents(".ul").css("color","re​​d")
})

• スクリプト ハウスはあなたを歓迎します

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン

上記のコードにより、li要素のすべてのグループ選択要素のうち、class属性値が「ul」である要素のフォント色を赤色に設定できます。

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