成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? 用jQuery獲取table中行id和td值的實現代碼
全站頭部文字 我要出現在這里
用jQuery獲取table中行id和td值的實現代碼 635 2024-03-04   

用jQuery獲取table中行id和td值的實現代碼

<%@ page language="java" pageEncoding="UTF-8"%>
<%
  String path = request.getContextPath();
%>
<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <title>點擊</title>
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Language" content="zh-cn" />
    <meta name="author" content="linjiqin218@126.com" />
    <meta name="Copyright" content="parami|綠夏網" />

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <jsp:include page="/demo/base/js_bootstrap.jsp" />
    <script type="text/javascript">
    $(function(){
      //用jQuery獲取table中td值
      $("#mytable td").click(function(){
        alert("table td值:"+$(this).text());
      });
      
      //jQuery獲取table中點擊位置所在行的id
      $("#mytable td").click(function() {
        //td的id 
        alert($(this).attr("id"));
        //tr的id 
        alert($(this).parent().attr("id"));
      });
    });
    </script>
  </head>
  <body>
  <table id="mytable" width="708px;" cellpadding="5" cellspacing="1">
    <tbody>
      <tr bgcolor="#DEE9F4" id="tr_1">
        <td align="center"> 日</td>
        <td align="center"> 一 </td>
        <td align="center"> 二 </td>
        <td align="center"> 三 </td>
        <td align="center"> 四 </td>
        <td align="center"> 五 </td>
        <td align="center"> 六 </td>
      </tr>
      <tr bgcolor="#DEE9F4" id="tr_2">
        <td align="center">   </td>
        <td align="center">   </td>
        <td align="center">   </td>
        <td align="center"> 1 </td>
        <td align="center"> 2 </td>
        <td align="center"> 3 </td>
        <td align="center"> 4</td>
      </tr>
      <tr bgcolor="#DEE9F4" id="tr_3">
        <td align="center"> 5 </td>
        <td align="center"> 6 </td>
        <td align="center"> 7 </td>
        <td align="center"> 8 </td>
        <td align="center"> 9 </td>
        <td align="center" bgcolor="red">10</td>
        <td align="center">11</td>
      </tr>
      <tr bgcolor="#DEE9F4" id="tr_4">
        <td align="center"> 12 </td>
        <td align="center"> 13 </td>
        <td align="center"> 14 </td>
        <td align="center"> 15 </td>
        <td align="center"> 16 </td>
        <td align="center"> 17 </td>
        <td align="center"> 18 </td>
      </tr>
    </tbody>
  </table>  
  </body>
</html>

以上這篇用jQuery獲取table中行id和td值的實現代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持綠夏網。



主站蜘蛛池模板: 好看电影网站免费看| 爱一个人好难吉他谱| 夜魔3| 挤鼻子黑头超多视频| 诈欺游戏电影| 诈欺游戏电影| 挖掘机动画片儿童| 第一财经今日股市直播间在线直播 | 欧美变态sososo另类| 重温经典频道在线直播| 陈波儿| 极度猎杀| 五年级语文下册| 美式禁忌2| angela white| 音乐僵尸演员表| 秀人网门户官网| 《如此婚姻》大结局| 欢乐的牧童钢琴谱| 蒋昌义| 户田惠子| 熊乃瑾个人资料| 烽火流金电视剧免费观看| 被打屁股的作文| 吴京的《战狼3》| 在线高清毛片免费播放网站| 打美女屁股光屁股视频| cctv16节目表今天目表| 姐妹电影| 血糖最怕三种水果| 回术人生的重来人生| 太医派的开胃汤配方| 丰满少妇a级片| 猛鬼追魂| 妈妈的脊背简谱| 无涯:杜琪峰的电影世界 电影| 电影周处除三害| 砌生猪肉| 李乃文电影| 一号皇庭| 帕米尔我的家乡多么美简谱|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103