~~~~~~~~~如何用jquery获取DIV中的TR和TD,马上给分~~~~~~~~~~~

hxm20003 2013-09-23 04:42:39
<div id="dvABC">
<table class="l_height_30 gridcontent" width="100%" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td width="50" class="bg_thead center">序号</td>
<td class="bg_thead pl_10">内容</td>
</tr>
</thead>
<tbody>
<tr>
<td width="50" class="bg_thead center">1</td>
<td class="bg_thead pl_10">aaaaa</td>
</tr>
<tr>
<td width="50" class="bg_thead center">2</td>
<td class="bg_thead pl_10">bbbbb</td>
</tr>
<tr>
<td width="50" class="bg_thead center">3</td>
<td class="bg_thead pl_10">ccccc</td>
</tr>
</tbody>
</table>
</div>


如何通过Jquery的方式取获取tbody中的TR行,然后获取每行的TD的内容?
...全文
111 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
枫醉秋 2013-09-23
  • 打赏
  • 举报
回复
<html>

<head>

<title></title>
 <script src="./jquery.js" type="text/javascript"></script>
<script type="text/javascript">
        

                $(function(){
                    //使用jquery 取得table 中td里面的?
                       $("#dvABC tbody td").click(function(){
                                      alert($(this).text());

                         })
            
                });

</script>
</head>

<body>
    <div id="dvABC">
  <table class="l_height_30 gridcontent" width="100%" border="0" cellspacing="0" cellpadding="0">
    <thead>
      <tr>
        <td width="50" class="bg_thead center">序号</td>
        <td class="bg_thead pl_10">内容</td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td width="50" class="bg_thead center">1</td>
        <td class="bg_thead pl_10">aaaaa</td>
      </tr>
      <tr>
        <td width="50" class="bg_thead center">2</td>
        <td class="bg_thead pl_10">bbbbb</td>
      </tr>
      <tr>
        <td width="50" class="bg_thead center">3</td>
        <td class="bg_thead pl_10">ccccc</td>
      </tr>
    </tbody>
  </table>
</div>
</body>

</html>
conanhhy 2013-09-23
  • 打赏
  • 举报
回复
LZ可以参考下面的代码

var tr = $("#dvABC table tr");
$("#dvABC table tr").each(function() {
    // tr循环
    // 如果要TD循环,可以像下面这样写
    $(this).find("td").each(function() {
        // td逻辑
    });
    // 如果想获取某一个td的,可以这样写
    var td = $(this).find("td:eq(" + tdIdx + ")");
    // 例如获取第一个单元格$(this).find("td:eq(0)");
});
fzfei2 2013-09-23
  • 打赏
  • 举报
回复

$("#dvABC tr").each( function(){  
  alert( $(this).text() )
 }  )

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧