-1

这是我的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”和“2”的父 div。

第一的：

我想要包含data-value="1"的 div 的孩子。输出应该是 4 个孩子 2 个 div、1 个按钮、1 个输入

第二：

我想要包含data-value="2"的 div 的孩子。输出应该是 3 个孩子 2 个 div，1 个按钮

怎么可能使用 jQuery 的。

4

4 回答 4

3

直接后代选择器

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

或children方法：

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

根据需要重复。

于 2013-04-22T15:28:30.473 回答
0

您可以通过以下方式获取子元素.children()

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

来源

jQuery API - .children()

于 2013-04-22T15:28:01.450 回答
0 
$("div[data-value='1']").children();

jsFiddle 演示

于 2013-04-22T15:28:08.183 回答
0

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

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
于 2013-04-22T15:28:30.880 回答