Javascript 找不到div元素的子元素_Javascript_Jquery_Html

Javascript 找不到div元素的子元素

javascript jquery html

Javascript 找不到div元素的子元素,javascript,jquery,html,Javascript,Jquery,Html,目前，我正在尝试关闭HTML中每个faqs div类中第一个元素的图像。我正在尝试选择FAQ父元素，然后向下查询以查找第一个列表元素，如下面的javascript所示： $(function () { _faqs = $('.faqs').accordion({ autoHeight: false, selectedClass: 'open', animated: "slide", header: "dt" });

目前，我正在尝试关闭HTML中每个faqs div类中第一个元素的图像。我正在尝试选择FAQ父元素，然后向下查询以查找第一个列表元素，如下面的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();
    }
});

$（函数（）{
_常见问题=$（'.FAQ'）。手风琴({
自动高度：false，
selectedClass:“打开”，
动画：“幻灯片”，
标题：“dt”
});
console.log（_faqs.length）；//返回2，因此它选择所有FAQ类
对于（变量i=0；i<\u常见问题解答长度；i++）{
_常见问题[i].子类（'.corner.tr'）.first（）.hide（）；
_常见问题[i].子类（'.corner.tl'）.first（）.hide（）；
//还尝试使用find（）
//_常见问题[i].查找（'.corner.tr'）.first（）.hide（）；
//_常见问题[i].查找（'.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>


问题:
回答



问题:
回答

我不断得到一个

未捕获类型错误：对象不是在开发人员工具控制台中显示的函数

错误，我在这里做错了什么

我已经检查了

\u faqs

变量，它似乎包含用于儿童的方法，但我仍然收到此错误…

试试看

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

试一试

在循环中

\u FAQ[i]

指向一个

HTMLElement

，它有一个名为

children

的属性，这显然不是一个函数

您试图做的是调用jQuery的

children（）

方法。您不能在本机

DOM

元素上调用jquery方法：为此，您需要像

$（\u faqs[i]）

在循环中

\u FAQ[i]

指向一个

HTMLElement

，它有一个名为

children

的属性，这显然不是一个函数

您试图做的是调用jQuery的

children（）

方法。您不能在本机

DOM

元素上调用jquery方法：为此，您需要像

$（\u faqs[i]）

在循环中

\u FAQ[i]

指向一个

HTMLElement

，它有一个名为

children

的属性，这显然不是一个函数

您试图做的是调用jQuery的

children（）

方法。您不能在本机

DOM

元素上调用jquery方法：为此，您需要像

$（\u faqs[i]）

在循环中

\u FAQ[i]

指向一个

HTMLElement

，它有一个名为

children

的属性，这显然不是一个函数

您试图做的是调用jQuery的

children（）

方法。您不能在本机

DOM

元素上调用jquery方法：为此，您需要像

$（\u faqs[i]）

使用

$。每个函数而不是来遍历jquery对象控制台日志。。FAQ[i]显示的内容使用$。每个函数而不是，用于循环遍历jquery对象控制台日志。。FAQ[i]显示的内容使用$。每个函数而不是，用于循环遍历jquery对象控制台日志。。FAQ[i]显示的内容使用$。每个函数而不是，用于循环遍历jquery对象控制台日志。。FAQ[i]展示了完美的工作原理！非常感谢你！！演示特别有用。@MatthewPigram很高兴能帮助您，您的工作非常完美！非常感谢你！！演示特别有用。@MatthewPigram很高兴能帮助您，您的工作非常完美！非常感谢你！！演示特别有用。@MatthewPigram很高兴能帮助您，您的工作非常完美！非常感谢你！！演示特别有用。@MatthewPigram很高兴帮助您投票解释我的解决方案不起作用的原因：）投票解释我的解决方案不起作用的原因：）投票解释我的解决方案不起作用的原因：）投票解释我的解决方案不起作用的原因：）
$(_faqs[i]).children('.corner.tl').first().hide();