konosumi https://blog.hatena.ne.jp/konosumi/ konosumi note https://www.konosumi.net/ JavaScript 業務で久しぶりにjQueryを使っているのですが、最近のフロントエンドJSに染まってしまったせいか、うまい具合に操作できなくて悩んでました。 ところが調べた結果、HTML5のデータ属性を使うとjQueryでも柔軟に対象を特定できることがわかったので、紹介します。 developer.mozilla.org サンプルコード 実際に業務でも使っているのですが、データ属性でフィルタリングすることによって、思いのままに特定の要素だけを抽出することができます。 <script src="https://code.jquery.com/jquery-3.6.3.js" crossorigin="anony… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.konosumi.net%2Fentry%2F2022%2F12%2F25%2F195342" title="HTML5のデータ属性をjQueryで扱う - konosumi note" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-12-25 19:53:42 rich https://www.konosumi.net/entry/2022/12/25/195342 1.0 100%