Выберите первый дочерний элемент с определенным классом

Question

Я сделал некоторый поиск, и я не могу найти прямой вперед ответ на этот довольно простой вопрос, так вот она идет ..

У меня есть куча контейнеров, как, так что повторяю:

<div class="container"> 
    <div class="text">asd</div> 
    <div class="text2">asd</div> 
    <div class="text3">asd</div> 
</div> 

<div class="hidden_container" style="display:none;">hidden text</div> 

до сих пор, когда вы нажимаете на .container он показывает .hidden_container со следующим кодом:

$(".container").click(function() { 
    $(this).next(".hidden_container").toggle(); 
    return false; 
}); 

то, что я пытаюсь сделать это себе (.text2), а также добавить к нему класс. Но у меня проблемы с выбором. Любая помощь будет оценена по достоинству.

Answer 1

Вы можете попробовать следующие

$($(this).find(".text2")[0]) 

Answer 2

(".container").click(function() { 
    var sel = $(this).find('.text2'); 
    sel.addClass('someclass'); 
    $(this).next(".hidden_container").toggle(); 
    return false; 
}); 

Answer 3

очиститель способ сделать это:

$(this).find('.text2:first');