jQueryを使ってテーブルのセルをクリックしたときに編集できるようにする(Edit in Place)

画面遷移を行わずに、その場でDOM要素を編集できる機能を「inplace editor」とか言うらしいです。
プラグインを使う方が簡単なのですが、作りたいものに合わせてカスタマイズするのが思うようにいかなかったので、自分で書いてみました。

pタグやhタグなど、table以外の要素にも編集機能を付けられます。

サンプル

シェアする