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

WBOY
リリース: 2022-01-10 16:38:31
オリジナル
1893 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート