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

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

この関数は、一致する要素が見つかるまで、指定された要素の後のすべての兄弟要素を検索しますが、一致する要素は含まれません。

文法構造 1:

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

$(selector).closest(expr, filter)

パラメータリスト:

参数	描述
expr	用于筛选匹配元素的表达式。
filter	可选。用于筛选nextUntil()函数通过expr表达式取得的jquery元素集合。

コード例:

例 1:

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

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("li").eq(0).nextUntil(".jq").css("color","blue")
})

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• Jquery ゾーン


• ASP ゾーン


• JSP ゾーン

例 2:

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

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("li").eq(0).nextUntil(".jq",".js").css("color","blue")
})

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• Jquery ゾーン


• ASP ゾーン


• JSP ゾーン

文法構造 2:

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

$(セレクター).closest(要素, フィルター)

パラメータリスト:

参数	描述
element	用于筛选匹配元素的DOM对象。
filter	可选。用于筛选nextUntil()函数通过DOM对象取得的jquery元素集合。

コード例:

例 1:

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

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("li").eq(0).nextUntil(document.getElementById("jq")).css("color","blue")
})

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• Jquery エリア


• ASP ゾーン


• JSP ゾーン

例 2:

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

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("li").eq(0).nextUntil(document.getElementById("jq"),".js").css("color","blue")
})

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• Jquery エリア


• ASP ゾーン


• JSP ゾーン

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