• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    用jquery怎么知道我點擊的是第幾個li

    在jquery中,可以使用index()方法來獲得當前點擊的li標簽位置。下面小編舉例講解用jquery怎么知道我點擊的是第幾個li。

    東西/原料

    • html+jquery
    • 代碼編纂器:zend studio 10.0

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解用jquery怎么知道我點擊的是第幾個li。

    2. 2

      在test.html文件中,利用script標簽加載jquery.min.js文件,當作功加載該文件,才能利用jquery方式。

    3. 3

      在test.html文件內,利用ul標簽,li標簽建立一個列表,例如,建立三個項目列表。

    4. 4

      在test.html文件內,利用ready()方式在頁面加載完當作時,執行function方式。

    5. 5

      在function方式內,經由過程獲得li對象,利用bind()方式給每一個li綁定click點擊事務,當li被點擊時,經由過程index()方式獲適當前li標簽的索引值,最后,利用alert()方式輸出索引值。

    6. 6

      在瀏覽器打開test.html文件,點擊按鈕,查看成果。

      END

    總結:

    1. 1

      1、利用bind()方式給每一個li標簽綁定click點擊事務。
      2、經由過程index()方式獲適當前點擊li標簽的位置索引。

      END

    注重事項

    • index()獲得的索引從0起頭,是以上面的例子要進行加1操作。
    • 發表于 2020-03-23 19:00
    • 閱讀 ( 804 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆