jqueryでループでの値取得

Question

前提・実現したいこと

jqueryで下記データを取得したいのですが、以下のようにしてもうまく行きません。
どのように取得すればいいのでしょうか。
$(".List[" + index + "].sagy").val();
※indexはループで0～2が入る

該当のソースコード

<textarea name="List[0].sagy">あいうえおカキクケコ</textarea>
<textarea name="List[1].sagy">あいうえおカキクケコ</textarea>
<textarea name="List[2].sagy">あいうえおカキクケコ</textarea>

Comments

[m.ts10806]

「jQuery」もタグに追加し、コードはマークダウンのcode機能をご利用ください

Answer 1

セレクタの指定方法ですが、$('.xxx')のようなコロンから始まる指定は「class="xxx"を持つ任意の要素」と言う意味になります。（基本的にはCSSセレクタと同じはずです）

nameで絞り込む場合は属性セレクタを使用します。
確認していませんが、以下のような感じでしょうか。

values[index] = $('textarea[name="List[' + index + '].sagy"]').val();

Comments

[退会済みユーザー]

上記試してみましたがエラーが出ました。
Syntax error, unrecognized expression: textarea[name=Llist[0].sagy]

また、下記のように書き直してもうまくいきませんでした。
$('textarea[name="List\[' + index + '\]\.sagy"]').val();

[mks]

エラーメッセージはコピーペーストしました？name要素の値が違うようですし、値に大カッコなど含む場合はダブルクォーテションでくくらないといけません。
弊方で、chromeのコンソールでjQueryを読み込んだうえで以下を実行すると、ちゃんと"あいうえおカキクケコ"が返ってきます。
document.body.insertAdjacentHTML('beforeend', '<textarea name="List[0].sagy">あいうえおカキクケコ</textarea><textarea name="List[1].sagy">あいうえおカキクケコ</textarea><textarea name="List[2].sagy">あいうえおカキクケコ</textarea>');
$('textarea[name="List[0].sagy"]').val();

[退会済みユーザー]

すみません。
ご指摘の通り「値に大カッコなど含む場合はダブルクォーテションでくくらないといけません。」をしておりませんでした。
ご指摘どおり書き直しましたらうまくいきました。
ありがとうございました。