たとえば、次のようなコードがあります
<div id='tes' data-name='baloon'>Content Baloon</div>
<div id='tes' data-name='big'>Content Big</div>
そして、javascript(jqueryではなく)で各divの内部を取得したいのですが、html5で作業します。その方法は?
たとえば、次のようなコードがあります
<div id='tes' data-name='baloon'>Content Baloon</div>
<div id='tes' data-name='big'>Content Big</div>
そして、javascript(jqueryではなく)で各divの内部を取得したいのですが、html5で作業します。その方法は?
HTML (5 またはその他のバージョン) ドキュメントに同じ ID を持つ要素を含めることはできません。これはエラーです。したがって、javascript でこれに対処する方法はありません。
http://www.w3.org/TR/html401/struct/global.html#h-7.5.2で HTML の概要を確認してください。
同じ「name」プロパティを持つ複数の要素を持つことができます - そして JavaScript はそれをサポートしています。
tes
クラスを作成し、Javascript を使用div
してクラスのすべての要素をフェッチするだけです。
次に、その一連の要素を繰り返し処理し、data-name
一致させたい特定の属性を確認します。
すべての div タグ「class」または「id」に同じ特定の名前を付けることはできません。
data-name は、指定された JavaScript 関数やコマンドと一致させるために使用されます。