jQueryでdata属性(data-id=""等)を操作する方法についてまとめました。 そもそもdata属性とは? data属性とは、HTML5から生まれた概念で、タグにdata-〇〇="値"などの形で値を持たせることができます。 data属性が生まれる前は、classを使って値を受け渡しなどを行っていたみたいですが、classで値を保持及び管理することは難しく、専用の値を持つ属性として操作できます。 data属性に値を入れることで、jQueryなどを用いて簡単にその値を取得することが出来るため、WEBアプリでは重宝します。 data属性の設定方法について 基本的にdata-〇〇="値"をタグに埋め込む形になります。 <ul> <li data-age="10" data-gender="男の子">のび太</li> <li data-age="10" data-gender="女の子">