jquery - 独自のhtml属性を作成するための最良の方法は何ですか？

Question

jQueryとその$(selector).attr()メソッドで遊ぶために、HTMLタグに多数の属性を作成します。たとえば、生成されたフィールドを持つ動的フォームがある場合、index="xxx"属性があります。

Doctypeに違反せずにそのようなカスタマイズされた属性を作成するための最良の方法は何ですか？

Answer 1

HTML5のdata-属性はあなたのためかもしれません。それらは最も簡単な方法である可能性があります。

また、jQuery.data()はそれらをネイティブにサポートしています。

コンセプトを詳しく説明した記事です。

その記事の例：

<ul id="vegetable-seeds">
  <li data-spacing="10cm" data-sowing-time="March to June">Carrots</li>
  <li data-spacing="30cm" data-sowing-time="February to March">Celery</li>
  <li data-spacing="3cm" data-sowing-time="March to September">Radishes</li>
</ul>