jQueryにて、[]を含むIDをセレクタに指定する方法

Question

var quant_num = $('#quant[14][kodomo]').val();
console.log(quant_num);

上記のIDは確実に存在しているのですが、ログの中身がundefinedとなってしまいます。
'を含むIDは指定できないのでしょうか？

Answer 1

CSS.escape() を使ってエスケープしてください。
https://developer.mozilla.org/en-US/docs/Web/API/CSS/escape

Answer 2

エスケープするか、[id=・・・]で掴むかです

<script>
$(function(){
  console.log($('#quant\[14\]\[kodomo\]').val());
  console.log($('[id="quant[14][kodomo]"]').val());
});
</script>
<input type="text" value="hoge" id="quant[14][kodomo]">

※ただし、いくら拾えるからといいってこんなIDをつけるのはどうかと思いますよ・・・

Comments

[Anon_]

ありがとうございます！
自作ではなく既存のシステムがそのようなID付与形式とになっているためこちらでは変更できないといったところです。
助かりました。