似乎无法用jQuery定位最近的div

Question

我有以下HTML

<div class="outerBox">          
   <div class="innerBox">
        //text
   </div>
   <div class="clickMe">
        <span class="icon"></span>
   </div>
</div>

<div class="hiddenDiv">//hidden div</div>

当我点击“.clickMe”时，我需要能够显示（“。hiddenDiv”）但由于某种原因我似乎无法定位它...尝试各种各样的变化，但似乎没有工作。这是最新的：

$(".clickMe").click(function() {        
        $(this).parents().closest(".hiddenDiv").show();
});

Answer 1

这个怎么样：

$(".clickMe").click(function() {        
    $(this).parent().next(".hiddenDiv").show();
});

或者这个：

$(".clickMe").click(function() {        
    $(this).parent().siblings(".hiddenDiv").show();
});

Answer 2

试试这个：

$(this).parent().siblings('.hiddenDiv').show();

Answer 3

试试这个：

$(".clickMe").click(function() {        
    $('.hiddenDiv', $(this).parents()).show();
});

小提琴：http://jsfiddle.net/maniator/Wpqz4/

Answer 4

试试这个：

$(".clickMe").click(function(){
    $(this).closest(".outerBox").next(".hiddenDiv").show();
});