jquery - 名前属性が原因でチェックボックスが表示されない

Question

以下にこの名前属性を持つチェックボックスがある場合：

name="answerName[True]"

以下のjquery行を実行すると、チェックボックスが表示されないのはなぜですか？

$(this).closest('.option').siblings('.answer').find('input[name=answerName[Yes]]').show();

name属性がこれである場合：

name="answerNameTrue"

そしてjqueryはこれでした：

$(this).closest('.option').siblings('.answer').find('input[name=answerNameYes]').show();

表示されますが、[]かっこをその周りに配置すると、突然機能せず、チェックボックスが表示されないのはなぜですか。

Answer 1

引用符を使用できます。

$(this).closest('.option').siblings('.answer').find('input[name="answerName[Yes]"]').show();

Answer 2

True javascriptキーワードです。

それがこれが台無しになる理由の1つかもしれません。

属性をQuotesに入れてから、試してください。

.find('input[name="answerName[Yes]"]')

Answer 3

あなたの[はい]は単にセレクターのブラケットと矛盾しています

Jqueryは解析します：

find('input[name=answerName[Yes]]')

そして維持します：

find('input[name=answerName[Yes]');

したがって、最後に、セレクターの最後に[jqueryはそれをどうするかわからない+余分な]があります。

それをエスケープしてみてください：

find('input[name=answerName\[Yes\]]')

また

find('input[name="answerName[Yes]"]')