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

    jquery獲取table中點擊位置所在行的id

    在jquery中,可以通過給table的每行綁定click點擊事件,當每行被點擊時,通過attr()方法獲得所在行的id。下面小編舉例講解jquery獲取table中點擊位置所在行的id。

    東西/原料

    • html+jquery
    • 代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解jquery獲取table中點擊位置地點行的id。

    2. 2

      在test.html文件內,利用table標簽建立一個表格,并設置其邊框為1px。

    3. 3

      在test.html文件內,別離設置tr行標簽的id為one,two,three。

    4. 4

      在js標簽內,經由過程ready()方式在頁面加載完當作時,執行function方式。

    5. 5

      在function方式內,經由過程獲得tr對象,給它們綁定click點擊事務,當行對象被點擊時,經由過程attr()方式獲適當前點擊行對象的id,將獲得的id值利用alert()方式輸出。

    6. 6

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

      END

    總結:

    1. 1

      1、利用table標簽建立一個表格,別離設置tr行標簽的id為one,two,three。

      2、在js中,經由過程獲得tr對象,給它們綁定click點擊事務,當行對象被點擊時,經由過程attr()方式獲適當前點擊行對象的id,將獲得的id值利用alert()方式輸出。

      END
    • 發表于 2020-06-07 19:00
    • 閱讀 ( 829 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

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