[B! html] yud0ly115のブックマーク

Form elements with two labels

yud0ly115 2020/10/08

html

リンク

JavaScript / jQueryでtableの行を「追加」「削除」「移動」「変更」させる方法

まず「リスト選択」の列の選択肢から「B」を選択します。 ⇒「リスト名」が「B」に変更されます。（変更）「追加/削除」の列の「+」ボタンを押します。 ⇒行が追加されます。（追加）追加された行の「リスト順」の列の「↑」をクリックします。 ⇒行が上へ移動します。（移動）移動した行の「リスト順」の列の「↓」をクリックします。 ⇒行が下へ移動します。（移動）最後に、好きな行の「追加/削除」の列の「-」ボタンを押します。 ⇒行が削除されます。（削除）いかがでしょうか。まあ、よくある機能ですね。では、この機能の実装方法について以下にまとめておきたいと思います。 HTML HTMLでは、以下の点がポイントとなります。それぞれの機能を発生させるためのイベントハンドラをセットしておきます。操作の対象となる「行」の部分は<tbody>タグ内に記述するようにします（これが後々大事になります）。JavaScrip

yud0ly115 2017/12/03

HTML

リンク

jQueryのセレクタメモ - Qiita

はじめに最近 jQuery はじめたけど、セレクタ自由に使えないと捗らないのでまとめておく。注意点以下に出てくるセレクタ特殊文字（'.', ',', ':', '#', '[', ']'）はエスケープが必要基本セレクタタグ名 or クラス名 or ID による指定ができる。 $("form"); // タグ名="form" $(".className"); // クラス名="className" $("#formId"); // ID="formId"