2013-08-06 23 views
2

我想弄清楚如何選擇一個特定的元素與它的父div,在點擊事件後的特定元素。如何選擇只有在家庭內的div後點擊

<div id="news"> 
    <div class="one"> 
     <p>news</p> 
    </div> 
    <div class="two"> 
     <a href="#" class="clickme"></a> 
    </div> 
</div> 

<div id="users"> 
    <div class="one"> 
     <p>users</p> 
    </div> 
    <div class="two"> 
     <a href="#" class="clickme"></a> 
    </div> 
</div> 

我簡單的jQuery如下:

$(".clickme").on("click", function() { 
//how to select only the element with the class "one" within the parent and show it 
}); 

我失敗的嘗試一直在嘗試使用父母和最接近的方法和代碼像$(this).parents().find(".one").show();

任何幫助將是巨大的!

回答

4

Working Demo

試試這個

$(this).parent()parent DIV

.prev('one')到前一個兄弟與.one

$(this).parent().prev(".one").show(); 
+0

瞧!我正在腦中凍結這一點。謝謝!! –

+0

歡迎我添加演示 –

1

嘗試用.prev()

$(this).parent().prev(".one").show(); 

DEMO

+1

你的代碼是錯誤的,現在你最終作出類似的代碼,以我的笑.. !! –

+0

其實我忘了爲我的第二個答案添加'.parent()'......在演示完成後,我注意到了那個父母遺失了....它是我的錯字......我沒有必要複製任何人的代碼。 – Gautam3164

0

類我會遍歷像這樣。

$('.clickme').click(function(){ 
    $(this).parent().siblings().eq(0).show(); 
}); 

fiddle

相關問題