jquery選擇器需要從元素中選擇下一個表格

Question

我需要一個選擇器，基本上從我點擊過的元素開始，並在頁面上找到具有特定類的下一個項目。看到我的例子如下：

<table> 
<tr> 
<td>Blah blah blah</td> 
<td><p class="click">Fire jquery</p></td> 
</tr> 
</table> 

<table class="hidden"> 
<tr> 
<td>blah blah blah</td> 
<td>blah blah blah</td> 
</tr> 
</table> 

$(document).ready(function() { 

$('.hidden').hide() 

$('.click').click(function() { 
$(this).next('.hidden').fadeIn() 
}) 

}) 

所以基本上我想隱藏所有與頁面加載時隱藏的類。然後當點擊某種類型的點擊時，它應該掃描下一個元素的頁面，並隱藏一個類並將其淡入。我只會做'（'.hidden'）。fadeIn（）但是有多個隱藏的項目，以便它消失他們都在，我只希望在未來一到褪去。

希望你能理解這一切，我會是任何人都可以幫助

感謝

Answer 1

非常感謝next('.hidden')失敗，因爲它搜索直接的兄弟姐妹 - 也就是與click元素相同的<td>。
嘗試尋找<table>，尋找它的兄弟：

$(this).closest('table').next('.hidden').fadeIn(); 

或

$(this).closest('table').next('.hidden:hidden').fadeIn(); 

如果你想創建一個click及其hidden之間的語義聯繫，同時考慮在div包裝他們，例如：

<div class="Group"> 
    <p class="click">Fire jquery</p> 
    <table class="hidden" /> 
</div> 

$(this).closest('.Group').find('.hidden').fadeIn();