+ -
当前位置:首页 → 问答吧 → 获取table中选中行的每列值

获取table中选中行的每列值

时间:2009-06-03

来源:互联网

如何用jquery来实现点击table中的某一个tr,然后分别取出tr中每个td的文本?

    <style type="text/css">
        .selColor{background-color:#FFFF00;}
    </style>
     <script src="jquery.js" type="text/javascript"></script>
     <script language="javascript" type="text/javascript">
         $(document).ready(function() {

             $("#tableDemo tr").click(function() {
                 $("#tableDemo tr").removeClass("selColor");
                 $(this).addClass("selColor");
                 //这里如何写?

                 });
             });
         });

     </script>

<table border="1" width="100%" id="tableDemo">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr>
        <td>321</td>
        <td>asdf</td>
        <td>gg</td>
        <td>qqq</td>
        <td>oooo</td>
    </tr>
    <tr>
        <td>678</td>
        <td>khjgkg</td>
        <td>truy</td>
        <td>zxcv</td>
        <td>asda</td>
    </tr>        
</table>

作者: cloudhuhu   发布时间: 2009-06-03

:) 自己解决了
         $(document).ready(function() {

             $("#tableDemo tr").click(function() {
                 $("#tableDemo tr").removeClass("selColor");
                 $(this).addClass("selColor");
                 $(this).children("td").each(function() {
                     alert($(this).text());
                 })
             });
         });

作者: cloudhuhu   发布时间: 2009-06-03

还有个问题 ^^  $(this).children("td"). 是否有方法、属性可以直接定位到第几个td 就像dom中的 table.rows[0].cell[1].innerText

作者: cloudhuhu   发布时间: 2009-06-03

$(this).children("td").eq(0)

$(this).children("td:eq(0)")

作者: keakon   发布时间: 2009-06-03

相关阅读 更多