求这个JQUERY写法

<table cellpadding="0" cellspacing="0"> 
<tr> 
<td class="tda"><input type="checkbox" tid="18554@@谁最适合爱我△707@@胡瓜" /></td>
<td class="tdb"><span>1</span></td>
<td class="tdc"><a  href="javascript:void(0)"  >谁最适合爱我</a></td>
<td class="tdd"><a href="" target="_blank" tid=play>胡瓜</a></td>
<td><a target="_blank" href="" class="search"></a>
</td>
</tr>
<tr> 
<td class="tda"><input type="checkbox" tid="18553@@你可以叫我爱人△707@@胡瓜" /></td>
<td class="tdb"><span>2</span></td>
<td class="tdc"><a  href="javascript:void(0)"  >你可以叫我爱人</a></td>
<td class="tdd"><a href="" target="_blank" tid=play>胡瓜</a></td>
<td><a target="_blank" href="" class="search"></a>
</td>
</tr>
</table>$(document).ready(function() { $('.tdc>a').click(function() {
                //var p = $('input:checkbox', $('#list')).eq($(this), $('#list').index()).attr('tid');
                var p =$($(this).parent(),$('#list>table>.tdc')).index(); 
                alert(p);
            });});当我点击tdc事件时，我想得到当前tda下checkbox的tid值
不知怎么写

解决方案 »

  1.   

    $(document).ready(function() { $('.tdc>a').click(function() { 
                    //var p = $('input:checkbox', $('#list')).eq($(this), $('#list').index()).attr('tid'); 
                    //var p =$($(this).parent(),$('#list>table>.tdc')).index(); 
                    alert($(this).parent().prev().prev().find("input").attr("tid")); 
                }); 
    });
      

  2.   

    http://jquery-api-zh-cn.googlecode.com/svn/trunk/xml/jqueryapi.xml可以用:nth-child这个选择器$("tr td:nth-child(4n+3)")，这个写法更加灵活
      

  3.   

    <%@ page language="java" contentType="text/html; charset=gbk"%>
    <%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
    <%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
    <%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
    <%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
    <html>
    <head>
    <title>测试</title>
    <style type="text/css"></style><%
      response.setHeader("progma","no-cache");   
      response.setHeader("Cache-Control","no-cache");   
      response.setDateHeader("Expires",0);   
     %>
    <script type="text/javascript" src="js/jquery.js"></script>
    <link href="style/jqstyle.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    button{width:100px;height:30px;}
    table{width:400px;border:1px solid #006600;text-align:center;font-size:12px;}
    th{background-color:"#66CC00"}
    </style>
    <script type="text/javascript"> 
    $(function(){
    $(".tdc").click(function(){
    var _tid= $(this).parent().find(":checkbox").attr("tid");
    alert(_tid);
    });
    })
    </script> 
    <body>
    <table cellpadding="0" cellspacing="0"> 
    <tr> 
    <td class="tda"> <input type="checkbox" tid="18554@@谁最适合爱我△707@@胡瓜" /> </td> 
    <td class="tdb"> <span>1 </span> </td> 
    <td class="tdc"> <a  href="javascript:void(0)"  >谁最适合爱我 </a> </td> 
    <td class="tdd"> <a href="" target="_blank" tid=play>胡瓜 </a> </td> 
    <td> <a target="_blank" href="" class="search"> </a> 
    </td> 
    </tr> 
    <tr> 
    <td class="tda"> <input type="checkbox" tid="18553@@你可以叫我爱人△707@@胡瓜" /> </td> 
    <td class="tdb"> <span>2 </span> </td> 
    <td class="tdc"> <a  href="javascript:void(0)"  >你可以叫我爱人 </a> </td> 
    <td class="tdd"> <a href="" target="_blank" tid=play>胡瓜 </a> </td> 
    <td> <a target="_blank" href="" class="search"> </a> 
    </td> 
    </tr> 
    </table> </body>
    </html>
      

  4.   


    //建议parent能不用尽量别用
    $(document).ready(function() { 
    $('.tdc').each(function(i,o){
    $(this).find('a').click(function() { 
    alert($(o).prevAll('.tda').find('input').attr('tid')); 
    });
    });
    });
    //或
    $(document).ready(function() { 
    $('.tdc').each(function(i){
    $(this).find('a').click(function() { 
    alert($('table').find('input').eq(i).attr('tid')); 
    });
    });
    });