ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryでどの番号が選択されているかを確認する方法

jqueryでどの番号が選択されているかを確認する方法

WBOY
WBOYオリジナル
2022-01-10 16:38:311871ブラウズ

jquery では、index() メソッドを使用して、選択した要素がどの要素であるかを判断できます。このメソッドは、指定された他の要素に対する相対的な指定された要素のインデックス位置を返すために使用されます。構文は「specified」です。要素 object.index" (this)"。

jqueryでどの番号が選択されているかを確認する方法

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

jQuery はどの番号が選択されているかをどのように判断するのでしょうか

次の HTML コードがあるとします。

<ul>
    <li>jQuery判断当前元素是第几个元素示例</li>
    <li>jQuery获取第N个元素示例</li>
    <li>jQuery选择器示例</li></ul>

jQuery の判断 どれelement は現在の要素ですか?

任意の li タグをクリックして、どの li タグが現在クリックされているかを知りたい場合は、次のコードを使用できます:

$("ul li").click(function () {
    var index = $("ul li").index(this);
    alert(index);
 });

上記の jQuery のコードなど、最初のものをクリックすると「0」というプロンプトが表示され、2 番目の li タグをクリックすると「1」というプロンプトが表示されます。インデックスのシーケンス番号は 0 から始まることに注意してください。

index() メソッドは、指定された他の要素に対する相対的な指定された要素のインデックス位置を返します。

これらの要素は、jQuery セレクターまたは DOM 要素を介して指定できます。

注: 要素が見つからない場合、index() は -1 を返します。

推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル

以上がjqueryでどの番号が選択されているかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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