-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」を含む 2 つの親 div があります。

最初：

data-value="1"を含む div の子が必要です。出力は 4 つの子、2 つの div、1 つのボタン、1 つの入力である必要があります

2番目：

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関数を属性 equals セレクター.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
于 2013-04-22T15:28:30.880 に答える