jQueryで部分一致検索
誰かの作った難解なプログラムがある。サーバサイドは手がつけられない。
クライアントサイドはjqueryが利用されている。こちらはなんとかなりそう。
クリックイベントが設定されたelementがあり、その同レベルにinputタグがある。そのinputタグを辿りたい。
parent().find()
同レベルなので、親(Parent)を起点に検索(Find)する。
1 | $(this).parent().find(xxx) |
selector “input[name$=’.lastName’]”
同レベルにある下記の値を取得したい。
1 | <input type="text" name="list[0].lastName" value="Doe" /> |
1 | var lastName = $(this).parent().find("input[name$='.lastName']").val() |
取得できた。
“$=”は後方一致として動作する。
ちなみに、前方一致は”^=”。
正規表現のようだ。
部分一致は”*=”。これは正規表現ではない。
まとめ
javascriptのみでプログラムを改修することができた。
jquery便利だ。
同じタグの記事
- html data-* 属性
- javascriptの配列操作
- jjs
- jqueryのバージョンとprop()
- jrunscript
- Template Engine Mustache を使う
- Vue Routerを使ったサイトで404が発生
- vue.jsでテンプレートが一瞬表示されてしまう
同じカテゴリの記事