2013-08-06 2 views
2

Я пытаюсь выяснить, как выбрать определенный элемент с определенным именем класса в его родительском div после события click.как выбрать только 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

Voila! У меня была настоящая заморозка мозга. Благодаря!! –

+0

приветствую, я добавил демонстрационную версию –

1

Попробуйте с .prev()

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

См DEMO

+1

вы код был неправ, теперь вы в конечном итоге сделать подобный код помоему лол .. !! –

+0

На самом деле я забыл добавить '.parent()' для своих вторых ans ... После работы над демонстрацией я заметил, что родитель отсутствовал .... Его моя опечатка, вот и все ... Мне не нужно копировать чей-то код. – Gautam3164

0

Я бы пройти через него, как это.

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

fiddle

Смежные вопросы