仅获取 javascript 或 jquery 中类型的第一级子级

编程问答 2022-05-21

问题描述

我有以下 html 结构：

    <div class="tab-content">
        <div><p>First tab content</p></div>
        <div><p>Second tab content</p></div>
        <div><p>Third tab content</p><br />
            <div class="myvideos">
                <iframe src="http://www.youtube.com/embed/YWD2Z14w99Y"></iframe>
            </div>
        </div>
    </div>

并且我正在使用以下内容来获取所有选项卡内容 div：

$('.tab-content div').hide();

我希望 jQuery 函数只获取 "tab-content" 中的第一个子元素。 澄清 - 我只想要第一个 Child divs 一代，而不是他们的孩子

即。请注意，第三个选项卡内容有第二个子 div，我想忽略它。我也尝试了以下方法，但它们似乎不起作用：

 $('.tab-content > div').hide();

 $('.tab-content div:first-of-type').hide();

有没有办法只获得第一个孩子的div？这可以使用 jQuery 或 Vanilla JS。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

childrenchildrengetelementsbytagnamejavascriptjquery