1

「data-type」のカスタム データ属性を持つページに多数の div があります。

<div id="155544" data-type="form" data-form-id="155544">

<div data-type="question" data-question-id="119709" data-mandatory="True"></div>
<div data-type="question" data-question-id="119710" data-mandatory="True"></div>

</div>


<div id="155554" data-type="form" data-form-id="155554">

<div data-type="question" data-question-id="119711" data-mandatory="True"></div>
<div data-type="question" data-question-id="119712" data-mandatory="True"></div>

</div>

それは基本的にコードです。混乱を避けるために実際のコンテンツを取り出しただけです。

Javascript を使用して、「フォーム」のデータ型を持つ div の数を調べて、それらを処理したいと考えています。

jQueryを使用しないことを除いて、私がやりたいことと似ている、データ属性の特定の値に対してすべてのdivを非表示または表示することがわかりました。

解決策はありますか？

編集:また、動的に作成される div の「id」を直接使用しないようにしていることにも言及する必要があります。

4

2 に答える 2

2

JQuery を使用しない場合は、querySelectorAllを使用できます

elementList = document.querySelectorAll('div[data-type="form"]');

デモンストレーション（番号を印刷）

于 2012-10-10T13:55:27.897 に答える
0

querySelectorAll MDNを使用して Nodelist を取得できます。必要に応じて、これを配列に変換できます (および のような緩やかなグッズ.namedItem()):

var divs = document.querySelectorAll('div[data-type="form"]');
var arrayOfDivs = Array.prototype.slice.apply(divs,[0]);
于 2012-10-10T14:00:42.930 に答える