jquery find()で、特定のタグかつ特定のnameの取得がうまく行かない

Question

・タグ

<select name="datas[val]" data-default_value="1">

・js

$obj.find('select[datas[val]]').prop('disabled', false);

↑取得できてない。

name属性に角括弧が含まれている影響でしょうか？？

正しく取得する方法を教えて下さい。

Comments

[m.ts10806]

>$obj
この変数はどこから来たものでしょうか。

分かるようにご提示ください。

[m.ts10806]

それに、disabledをfalseにしてるだけなら見た目変化ないのでは？
何を見て「取得できてない」と判断されたのでしょうか

Answer 1

こんにちは。以下のようにしてみると、いかがでしょう？

$obj.find('select[name="datas[val]"]').prop('disabled', false);

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/bGdvQMr?editors=1010

Answer 2

エスケープします。CSS.escape() を使うとわかりやすいかもしれません。

$obj.find('select[name="datas\[val\]"]')

https://developer.mozilla.org/en-US/docs/Web/API/CSS/escape