如何选择子元素，但只能选择一个级别

How to select children elements but only one level

本文关键字：选择 一个 何选择 元素      更新时间：2023-09-26

这是我的html代码。

<div data-value="1">
    <div data-items="bind">
        <div data-item="Black" />
        <div data-item="Orange" />
    </div>
    <div data-types="bind">
        <div data-type="Books" />
        <div data-type="Mobiles" />
    </div>
    <button>button 1</button>
    <input type='text'/>
</div>
<div data-value="2">
    <div data-items="bind">
        <div data-item="Black" />
        <div data-item="Orange" />
    </div>
    <div data-types="bind">
        <div data-type="Gifts" />
        <div data-type="Cards" />
    </div>
    <button>button 1</button>
</div>

我有两个包含数据值"1"answers"2"的父div。

第一个：

我想要包含数据值="1">的div的子级。输出应该是4个子2div，1按钮，1输入

秒：

我想要包含数据值="2">的div的子级。输出应该是3个子2div，1按钮

如何使用jQuery。

直接下降选择器

$("div[data-value='1'] > *");

或children方法：

$("div[data-value='1']").children();

根据需要重复。

$("div[data-value='1']").children();

jsFiddle演示

使用jQuery .children()函数，结合属性等于选择器：

var $children1 = $('[data-value="1"]').children(); // children of element with data-value equal to 1
var $children2 = $('[data-value="2"]').children(); // children of element with data-value equal to 2

您可以使用.children() 获取子元素

$('div[data-value="1"]').children();

来源

jQuery API-.children((

相关文章：