选择具有特定类的第一个子元素

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

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

Answer 2

您可以尝试以下

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

Answer 3

更干净的方式：

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