Jquery问题

[ybhcolin]

有如下代码:
<div class="div1">
<table>
<thead>
<tr>
<th>
</th>
</tr>
</thead>
<div class="div2">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</div>
</table>
</div>

我的目地是要点击 table 的<thead>行时, 显示或隐藏 div2. 现在可以用 $(".divCard table thead") 取得. 但不知如何在此基础上取得 div2. 谢谢

[itliyi]

$(".divCard table thead").click(function(){
    $(".div2").show();
});

[itliyi]

$(".divCard table thead").click(function(){
    var div2 = $(".div2");
    if(div2.style.display=="none"){
        div2.show();
    }else{div2.hide();}
});

[豪情]

这种结构是不被浏览器认识解析的，在ff下最终解析的结构是这样：

<table border="1">
  <thead>
    <tr>
      <th>
        1
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        2
      </td>
    </tr>
    <tr>
      <td>
        3
      </td>
    </tr>
  </tbody>
</table>

ie 下面也是混乱一片。
所以，你怎么找也不会找到div2的。
建议寻找tbody
在table结构不能混杂其它结构。