設置可見的其他選擇器沒有父母和孩子

Question

我可以使用children（）和父（）但如果輸入不是孩子和父母？

<table> 
<tr> 
<td> 
    <input type="checkbox" class="check"> 
    <select style="display: none"><option>1</option><option>2</option></select> 
    <select style="display: none"><option>1</option><option>2</option></select> 
    <input type="text" style="display: none"> 
</td> 
    </tr><tr> 
    <td> 
    <input type="checkbox" class="check"> 
    <select style="display: none"><option>1</option><option>2</option></select> 
    <select style="display: none"><option>1</option><option>2</option></select> 
    <input type="text" style="display: none"> 
</td></tr><tr> 
    <td> 
    <input type="checkbox" class="check"> 
    <select style="display: none"><option>1</option><option>2</option></select> 
    <select style="display: none"><option>1</option><option>2</option></select> 
    <input type="text" style="display: none"> 
</td></tr><tr> 
    <td> 
    <input type="checkbox" class="check"> 
    <select style="display: none"><option>1</option><option>2</option></select> 
    <select style="display: none"><option>1</option><option>2</option></select> 
    <input type="text" style="display: none"> 
</td> 
</tr> 
</table> 

如果我選中類複選複選框，然後2選擇和輸入應該是可見的。我如何使用jQuery？

FIDDLE：http://jsfiddle.net/ykyNq/1/

Answer 1

根據您的情況，您可以使用幾個不同的選擇找到兄弟姐妹。在這種情況下，你可以使用siblings()

$('.check').click(function(){  
    $(this).siblings("select, input").toggle() 
}) 

http://jsfiddle.net/ykyNq/3/

Answer 2

您可以使用siblings選擇它的所有兄弟姐妹

$('.check').click(function(){ 
    $(this).siblings().toggle(); 
})​ 

http://jsfiddle.net/ykyNq/4/

（在同一母公司下的同一級別的元素）