Jquery问题

Question

有如下代码:
<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.  谢谢

Answer 1

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

Answer 2

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

Answer 3

这种结构是不被浏览器认识解析的，在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结构不能混杂其它结构。