jQuery中的一个筛选问题

<tr id="news">
                   <td width="10" style="border-bottom: 1px solid #3787c9;">    </td>                         <td width="100" >
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr><td class="tab_hover">类型1111</td></tr>
                            </table>
                        </td>

                        <td width="100" >
                            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                <tr><td class="tab">类型2222</td></tr>
                            </table>
                        </td>
</tr>程序很简单就是我点击类型1111或类型2222的时候，td width="100" 的里的style变成style="padding-left: 4px; border-bottom: 1px solid #3787c9;"我用$(this).parent(0).parent(0).parent(0).parent(0).parent(0)，去获取这个td，竟然获得不到，获得显示的是整个的tr里面的所有td的内容，不知道各位大侠可否指点下。。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
  <script>
$(function(){
$("table td:contains('类型')").click(function(){
$("td[width='100']").css({"padding-left":"4px","border-bottom":"1px solid #3787c9"});
})
})
  </script>
</HEAD> <BODY>
<table>
  <tr id="news">
  <td width="10" style="border-bottom: 1px solid #3787c9;">   </td>    <td width="100" >
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr><td class="tab_hover">类型1111</td></tr>
  </table>
  </td>

  <td width="100" >
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td class="tab">类型2222</td></tr>
  </table>
  </td>
</tr>
<table>
</BODY>
</HTML>
或者按照你的方法，$(this).parent().parent().parent().parent() //你的多了一个
$(tr).parent().remove();移除
获取$(tr).parents(筛选条件)
or $(tr).filter(":contains('aa')")
我用 alert($(this).parent(0).parent(0).parent(0).parent(0).html());
显示的是<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD class=tab>行业动态</TD></TR></TBODY></TABLE>
我要的是这个table外面的那个td，貌似还是不对~~~
我这个还会有类型33.类型444等等的我现在想做的就是点击的那个最外面的那个td才去变换css
对啊，你要的td，td里面的innerHTML不就是这些吗
$(".tab_hover").click(function(){
$(this).parent().parent().parent().css({
'padding-left': '4px',
'border-bottom': '1px solid #3787c9'
});
});
听楼主的说法，这个“类型”不止一个。为什么不给那个td设置一个ID？同时设置一个事件处理类型的单击事件。
例如：<tr id="news">
  <td width="10" style="border-bottom: 1px solid #3787c9;">   </td>   <td width="100" id="td1">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr><td class="tab_hover" onclik="changeStle('td1');">类型1111</td></tr>
  </table>
  </td>

  <td width="100" id="td2">
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td class="tab" onclik="changeStle('td1');">类型2222</td></tr>
  </table>
  </td>
</tr><script>
  function changeStle(id){
    $("#"+id).css("padding-left: 4px; border-bottom: 1px solid #3787c9;");  }
</script>
在javascript 中设一个全局变量，记录当前有多少个类型，同时它用于<td> 的id的一部分。如下：
刚才看的太匆忙，理解点偏差，更正如下：
<tr id="news">
  <td width="10" style="border-bottom: 1px solid #3787c9;">   </td>   <td width="100" >
  <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tb1">
  <tr><td class="tab_hover" onclik="changeStle('tb1');">类型1111</td></tr>
  </table>
  </td>

  <td width="100" >
  <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tb2">
  <tr><td class="tab" onclik="changeStle('tb2');">类型2222</td></tr>
  </table>
  </td>
</tr><script>
  function changeStle(id){
  $("#"+id).css("{padding-left: 4px; border-bottom: 1px solid #3787c9;"});  }
</script>在javascript 中设一个全局变量num，记录当前有多少个类型，该变量可用于拼table 的id 如id="tb"+num.
类型部分的代码可以采用createElement方式生成，这样就解决了有多个类型，并且可以动态生成。
10楼的写法是正确的，只不过楼主得把
<tr><td class="tab_hover">类型1111</td></tr>
<tr><td class="tab">类型2222</td></tr>
统一成
<tr><td class="tab_hover">类型1111</td></tr>
<tr><td class="tab_hover">类型2222</td></tr>