难难难。。。取叠层table的行值

请高手帮忙看看。
我试了好几天就是取不到行值。搞得我头都大了。
下面是我的table里面在套用table的方法我想在点击事件发生时候想得到里面的行值。
比如点击第二行时候取得的是第二行的值。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript" src="jquery.js"></script> 
<style type="text/css">
body { font:12px/25px Arial; text-align:center; }
.tableMain { width:400px; margin:50px auto 0; }
.tableMain, .tableMain th { border-collapse:collapse; border:1px solid #000; }
.scrollTable { height:200px; overflow-x: hidden; overflow-y: auto; width: 100%; }
.scrollTable .odd td { background:#ccc; border-bottom:1px solid #000; border-top:1px solid #000; }
</style>
 <script type="text/javascript"> 
 </script>
</head>
<body>
<table id="tblmn" class="tableMain" cellpadding="0" cellspacing="0">
  <tr>
    <th>title1</th>
    <th>title2</th>
    <th>title3</th>
  </tr>
  <tr>
    <td colspan="3"><div class="scrollTable">
        <table border="1" cellspacing="0" cellpadding="0" width="100%">
          <tbody>
            <tr class="odd">
              <td>321321</td>
              <td>321321</td>
              <td>321321</td>
            </tr>
            <tr>
              <td>321321</td>
              <td>321321</td>
              <td>321321</td>
            </tr>
            <tr class="odd">
              <td>321321</td>
              <td>321321</td>
              <td>321321</td>
            </tr>
            <tr>
              <td>321321</td>
              <td>321321</td>
              <td>321321</td>
            </tr>
            <tr class="odd">
              <td>321321</td>
              <td>321321</td>
              <td>321321</td>
            </tr>
            <tr>
              <td>321321</td>
              <td>321321</td>
              <td>321321</td>
            </tr>
            <tr class="odd">
              <td>321321</td>
              <td>321321</td>
              <td>321321</td>
            </tr>
            <tr>
              <td>321321</td>
              <td>321321</td>
              <td>321321</td>
            </tr>
            <tr class="odd">
              <td>321321</td>
              <td>321321</td>
              <td>321321</td>
            </tr>
          </tbody>
        </table>
      </div></td>
  </tr>
</table>
</body>
</html>

解决方案 »

  1.   

    $("#tblmn table tr").each(function(index) {
      $(this).click(function() {
        alert(index);
      });
    });
      

  2.   

    如果是里面有input标签怎么让他取值。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
    body { font:12px/25px Arial; text-align:center; }
    .tableMain { width:400px; margin:50px auto 0; }
    .tableMain, .tableMain th { border-collapse:collapse; border:1px solid #000; }
    .scrollTable { height:200px; overflow-x: hidden; overflow-y: auto; width: 100%; }
    .scrollTable .odd td { background:#ccc; border-bottom:1px solid #000; border-top:1px solid #000; }
    </style>
    <script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script> 
    </head>
    <body>
    <table id="tblmn" class="tableMain" cellpadding="0" cellspacing="0">
      <tr>
        <th>title1</th>
        <th>title2</th>
        <th>title3</th>
      </tr>
      <tr>
        <td colspan="3"><div class="scrollTable">
            <table border="1" cellspacing="0" cellpadding="0" width="100%">
              <tbody>
                <tr class="odd">
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                </tr>
                <tr>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                </tr>
                <tr class="odd">
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                </tr>
                <tr>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                </tr>
                <tr class="odd">
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                </tr>
                <tr>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                </tr>
                <tr class="odd">
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                </tr>
                <tr>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                </tr>
                <tr class="odd">
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                  <td><INPUT TYPE="text" NAME="" value="321321"/></td>
                </tr>
              </tbody>
            </table>
          </div></td>
      </tr>
    </table>
    </body>
    </html>