带嵌套表的jQuery下拉列表

我在嵌套表中设置了多个级别的数据。我希望它能深入到每一层。我应该如何做到这一点？这个jQuery一直在为其他页面上的嵌套

ul

和

li

项工作，但它似乎不适用于嵌套表。有什么建议吗

HTML:

<table>
   <tr>
      <th>head1</th>
      <th>head2</th>
      <th>head3</th>
   </tr>
   <tr class="dropClick">
      <td>8/2/2013</td>
      <td>$960.00</td>
      <td>$48.14</td>
      <table class="dropDown">
         <tr class="dropClick">
            <td>Data</td>
            <td>$960.00</td>
            <table class="dropDown">
               <tr>
                  <td>data</td>
                  <td>data</td>
               </tr>
               <tr>
                  <td>data</td>
                  <td>data</td>
               </tr>
            </table>
         </tr>
         <!--end dropClick-->
         <tr class="dropClick">
            <td>Data</td>
            <td>$72.56</td>
            <table class="dropDown">
               <tr>
                  <td>data</td>
                  <td>data</td>
               </tr>
               <tr>
                  <td>data</td>
                  <td>data</td>
               </tr>
            </table>
         </tr>
         <!--end dropClick-->
         <tr>
            <td>Data</td>
            <td>$873.50</td>
         </tr>
         <tr>
            <td>Data</td>
            <td>$48.14</td>
         </tr>
      </table>
   </tr>
   <!--end dropClick-->
</table>  

---

我不会有相同类名的嵌套表。确保嵌套的类名不同

我想你可能是这个意思

---

在包含下拉表的行上使用正确的html和下拉类无效html没有帮助，因此您只需为每个类创建一个新的jQuery语句即可？顶级表中有多少行？如果表或行位于同一级别，则使用相同的类名没有问题。一旦它们被嵌套，并且两个DOM元素具有相同的类名，并且您使用jquery切换可见性，这就成了一个问题。然而，我正试图在一个移动应用程序中使表格向下钻取。所以我希望每一个下拉菜单都占据屏幕的宽度。使用HTML，子表似乎卡在父列中。我似乎无法让他们占据CSS中的全屏宽度，有什么建议吗？我是否能够将每个下拉列表保持在同一屏幕上，或者它是否可以导航到显示深入信息的下一页？使用数据角色页将每个下拉列表设为div

$(document).ready(function () {
    $(".dropDown").hide();

    $(".dropClick").click(function () {
        $this = $(this);
        $this.find(".dropDown").slideToggle("slow");
    });
});  

$(function () {
    $(".dropDown").hide();
    $(".dropClick").on("click",function () {
        var $nextDrop = $(this).parent().find(".dropDown").first();
        $nextDrop.slideToggle("slow");
    });
});