Jquery在表格下方选择DIV

Question

我有一些简单的标记：

<table>
 <tr>
  <td>Menu Item</td>
 </tr>
</table>

<div>
 <table>
  <tr>
   <td>Menu Item Sub Menu</td>
  </tr>
  </table>
</div>

我目前正在隐藏DIV，但是如果你点击第一个表中我想要它.sh。（）div中的表。

这有意义吗？

我应该真正理解，父（），next（），find（）

Answer 1

给第一个表一个id

$('#theTable').next().show();

Answer 2

如果您确实不想向id和div添加table，则可以执行以下操作。我使用toggle()代替show()，但如果您愿意，请使用show()替换。

$("table").click(function(){
   $("div").toggle();
   return false;
});

但是，我会在id和table添加div，然后点击一下。

$(document).ready(function(){
   $("#div1").hide();
   $("#table1").click(function(){
      $("#div1").toggle();
      return false;
   });
});

或者如果您想使用next()，请尝试使用点击功能：

$("#table1").click(function(){
   $(this).next().toggle();
   return false;
});

Answer 3

$(table).siblings('div');

将所有siblings提供给作为div的元素表。你应该确保只有这个div（或者你可以唯一选择它的另一种方式）。