javascript - 无法找到 div 元素的子元素

Question

目前，我正在尝试关闭 HTML 中每个常见问题解答 div 类中第一个元素的图像。我尝试选择 faqs 父元素，然后向下查询以查找第一个列表元素，如下面的 javascript 所示:

$(function () {
    _faqs = $('.faqs').accordion({
        autoHeight: false,
        selectedClass: 'open',
        animated: "slide",
        header: "dt"
    });

    console.log(_faqs.length); // returns 2, so it is selecting all faqs classes

    for (var i = 0; i < _faqs.length; i++) {
        _faqs[i].children('.corner.tr').first().hide();
        _faqs[i].children('.corner.tl').first().hide();

        // also tried using find()
        //_faqs[i].find('.corner.tr').first().hide();
        //_faqs[i].find('.corner.tl').first().hide();
    }
});

HTML:

<div class="faqs">
        <dl class="thefaq">

                    <div class="corner tl">
                        <img src="bg-table-tl.gif" alt="" />
                    </div>
                    <div class="corner tr">
                        <img src="bg-table-tr.gif" alt="" />
                    </div>

                    <dt>
                        Question
                    </dt>
                    <dd class="open cf">
                        <p>Answer. <br />
                    </dd>
        </dl>
<br />
</div>
<div class="faqs">
        <dl class="thefaq">

                    <div class="corner tl">
                        <img src="bg-table-tl.gif" alt="" />
                    </div>
                    <div class="corner tr">
                        <img src="bg-table-tr.gif" alt="" />
                    </div>

                    <dt>
                        Question
                    </dt>
                    <dd class="open cf">
                        <p>Answer. <br />
                    </dd>
        </dl>
<br />
</div>

我不断在开发者工具控制台中显示 Uncaught TypeError : object is not a function 错误，我在这里做错了什么？

我已经检查了 _faqs 变量，它似乎包含针对 child 的方法，但我仍然收到此错误...

Answer 1

尝试

$(".faqs").find(".corner.tr:first,.corner.tl:first").hide();

DEMO