7のイベントを再登録するWindows7/8/10でRustを別ドライブに展開する際のTIPSPHP+SQLでMySQLのInnoDBのテーブルに複合キーかつ連番のINSERTを実装するネイティブなPHPでselectタグやradioボタンの選択状態をどう表現するかエンターキーによる入力項目のフォーカスの移動をWeb系システムに実装してみるCattleMute>JavaScript/jQuery>HTML文字列をjQueyでDOMに変換した後でクラスを付与する2018.05.23HTML文字列をjQueyでDOMに変換した後でクラスを付与するサーバーサイドで生成したHTML文字列を、JavaScript側でjQueryを使用してDOMに変換した後にクラスを付与したかった。付与するクラスは飽くまでJavaScript側での識別用のものとして利用したいため、(サーバーサイドで生成される)ドキュメント上のHTML文字列には直接書きたくない。jQueryを使用してHTML文字列をDOM化する際、元となるHTML文字列をDOMのオブジェクトとして扱うために、以下のサンプルコードのようにして変換するのは割と有名な話。$(str);ただ、今回は上記の変数strの中身はサーバーサイドで生成する兼ね合いでそのままとしておくのでいくらクラスを付与したいとは言え変数strの直接変更は禁止。JavaScript側での識別用として扱うのならなおさらである。そのような条件下で、HTML文字列をDOMオブジェクトに変換した後にクラスを付与して、最終的にDOM上で以下の例のような形にしたい。class="identify-element"><p>c</p></div>これを実現するためには、addClassメソッドを利用して以下のように書く必要がある。$(str).addClass('identify-element');これにより、記事題のとおりの内容を実装できる。・・・ついでなのでちょっとだけ離れた話。HTML文字列をDOMとした際は、通常通りjQueryでのDOMの操作が利く。/>内のpタグにidentify-element-paragraphのクラスを付与する場合。カテゴリJavaScript/jQueryこの記事のコメントコメントはないです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。