要素の指定記法
参考サイトのコードを、理解の浅いまま使い回してはまった。
文字列 -> 検索（部分一致
こちらの記事を書いているときに、問題が起きた
現象
- <div id="test">
- <button id="hoge_1"></button>
- <button id="hoge_2"></button>
- </div>
- // 反応しない
- $("button [id *= 'hoge_']").hide();
- // 反応する
- $("#test [id *= 'hoge_']").hide();
解決
よく見てみれば当たり前のことで
CSS と同じだから、スペースがあると 別の DOM 要素 と判定される。
- $("button[id *= 'hoge_']").hide();
これで想定通りに動作した。