jqueryでeqで選択された要素を取得する方法-フロントエンドQ&A-php.cn

jqueryでeqで選択された要素を取得する方法

WBOY

リリース： 2022-06-09 17:27:34

オリジナル

1403 人が閲覧しました

jquery では、「:not()」セレクターを使用して、eq セレクターによって選択された要素を取得できます。「:not()」セレクターは、指定された要素を除くすべての要素を選択するために使用されます。最も一般的なのは他のセレクターと一緒に使用され、構文は「$("Element:not(:eq(...))").Method」です。

jqueryでeqで選択された要素を取得する方法

このチュートリアルの動作環境: Windows10 システム、jquery3.4.1 バージョン、Dell G3 コンピューター。

eq を除く jquery によって選択された要素を取得する方法

eq() メソッドは、選択された要素の指定されたインデックス番号を持つ要素を返します。

インデックス番号は 0 から始まるため、最初の要素のインデックス番号は 0 (1 ではありません) になります。

構文

$(selector).eq(index)

ログイン後にコピー

index 必須。要素のインデックスを指定します。整数または負の数を指定できます。

注: 負の数値を使用すると、選択した要素の末尾からインデックスが計算されます。

: eq() セレクターは、指定されたインデックス値を持つ要素を選択します。

インデックス値は 0 から始まり、すべての最初の要素のインデックス値は 0 (1 ではありません) です。

は、指定されたグループ内の特定のシーケンス番号を持つ要素を選択するために、他の要素/セレクターとともによく使用されます (上記の例など)。

構文

$(":eq(index)")

ログイン後にコピー

パラメータの説明

index 必須。要素のインデックス値を指定します。

eq 以外の要素を選択したい場合は、:not() セレクターを使用してください。

: not() セレクターは、指定された要素を除くすべての要素を選択します。

最も一般的な使用法: 指定された要素 (上記の例など) を除く、指定された組み合わせ内のすべての要素を選択するために、他のセレクターとともに使用されます。

構文

$(":not(selector)")

ログイン後にコピー

パラメータの説明

selector 必須。選択されていない要素を指定します。

このパラメーターは、任意のタイプのセレクターを受け入れます。

例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript"> 
 
$(document).ready(function(){
    $("p:eq(1)").css("background-color","#B2E0FF");
});
 
</script>
 
</head>
<body>
<html>
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p>
<p>I live in Duckburg</p>
<p>My best friend is Mickey</p>
<div id="choose">
Who is your favourite:
<ul>
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>
</div>
</body>
</html>
 
 
</body>
</html>

ログイン後にコピー

出力結果:

jqueryでeqで選択された要素を取得する方法

not セレクターの使用例は次のとおりです:

<script type="text/javascript"> 
 
$(document).ready(function(){
    $("p:not(:eq(1))").css("background-color","#B2E0FF");
});
 
</script>

ログイン後にコピー

出力結果 :

jqueryでeqで選択された要素を取得する方法

ビデオチュートリアルの推奨事項: jQuery ビデオチュートリアル

以上がjqueryでeqで選択された要素を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。