jQuery_jqueryでのprev()メソッドの使用例

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

このメソッドは、一致する要素セット内の各要素の直前の兄弟要素を取得します。
兄弟要素のコレクションはセレクターによってフィルター処理できます。

文法構造:

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

$(selector).prev(expr)

パラメータリスト:

参数	描述
expr	可选。用于筛选前一个同辈元素的表达式

コード例:

例 1:

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

<メタ文字セット = " utf-8" >

<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$(".father p").prev().css("color","blue")
})

私は p 要素です

私はspan要素です

私は p 要素です

私は div 要素です

上記のコードは、class 属性値を青に設定して、親要素の下にある p 要素のセット内の各 p 要素の前の要素のフォントの色を設定できます。

例 2:

コードをコピーします

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

<メタ文字セット = " utf-8" > <スクリプトタイプ="text/javascript"> $(document).ready(function(){

$("li").prev(".js").css("color","re​​d"); })

HTML ゾーン

JavaScript ゾーン

Div CSS ゾーン

JQuery ゾーン

上記のコードは、すべての li 要素のセット内の各 li 要素の前にある class 属性値が js である要素のフォントの色を赤に設定できます。

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