jsで要素が選択できない id="sample[0]" ←みたいなやつ

Question

初歩的な質問ですみません。要素名がsample[0]のような配列風のIDやnameだとjqueryから取得が出来ません。
何が原因でどう解消したらよいでしょうか。ご教授いただけますと幸いです。

<div id="sample[0]" class="sample"></div>

console.log($('#sample[0]').attr('class'));

Comments

[miyabi_pudding]

IDの形式を変えることはできないのでしょうか？
id="sample0"
とか

Answer 1

console.log($('#sample\[0\]').attr('class'));
もしくは
console.log($('[id="sample[0]"]').attr('class'));