用jquery 获取一个表格里面第3行第4列的值!

 

<html>

<head>

 <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>

<script type="text/javascript">

    $(document).ready(function(){ var tt = $("tr:eq(2)>td:eq(3)").css("background-color","red").text(); alert(tt);});

</script>

 </head>

<body>

<hr />

 <table width="500" border="0">

        <tr>

              <td>1</td>

              <td>2</td>

              <td>3</td>

              <td>4</td>

       </tr>

        <tr>

              <td>11</td>

              <td>22</td>

              <td>33</td>

              <td>44</td>

        </tr>

         <tr> <td>111</td> <td>222</td> <td>333</td> <td>444</td> </tr>

         <tr> <td>5555</td> <td>6666</td> <td>7777</td> <td>8888</td> </tr>

 </table>

</body>

</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要创建一个可以滑动的表格并固定第一,您可以使用HTML、CSS和JavaScript结合实现。具体步骤如下1. 创建一个具有固定表头和固定第一表格,并将其放置在一个可滚动的div容器内。 2. 使用CSS将表格的第一设置为固定定位,并将其左侧的边框设置为与表头对齐。 3. 使用jQuery监听滚动事件,并将表头的位置设置为固定在容器的顶部,将第一的位置设置为固定在容器的左侧。 下面是一个示例代码: HTML: ``` <div class="table-container"> <table> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> <th>Header 4</th> <th>Header 5</th> <th>Header 6</th> <th>Header 7</th> </tr> </thead> <tbody> <tr> <td>Row 1, Column 1</td> <td>Row 1, Column 2</td> <td>Row 1, Column 3</td> <td>Row 1, Column 4</td> <td>Row 1, Column 5</td> <td>Row 1, Column 6</td> <td>Row 1, Column 7</td> </tr> <tr> <td>Row 2, Column 1</td> <td>Row 2, Column 2</td> <td>Row 2, Column 3</td> <td>Row 2, Column 4</td> <td>Row 2, Column 5</td> <td>Row 2, Column 6</td> <td>Row 2, Column 7</td> </tr> <!-- more rows --> </tbody> </table> </div> ``` CSS: ``` .table-container { overflow-x: auto; max-width: 100%; } table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } th { background-color: #f2f2f2; } th:first-child, td:first-child { position: sticky; left: 0; z-index: 1; border-right: 1px solid #ddd; } ``` JavaScript/jQuery: ``` $('.table-container').scroll(function() { var $this = $(this), $th = $this.find('thead th:first-child'), $td = $this.find('tbody td:first-child'); $th.css('left', $this.scrollLeft()); $td.css('top', $this.scrollTop()); }); ``` 请注意,这只是一个示例代码,具体实现方式可能因表格结构和样式而异。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值