jqueryでスクリプトかいているのですが、シングルクォーテーションで括れない

Question

引用テキスト以下の１行で、["'" ]でシングルクオーテーションで括ることができません。

これは["'"]でないといけないでしょうか。
シングルすることができないでしょうか。
宜しくお願いします。

retURL += "u=" + encodeURI( "'" + $('.area input:checkbox:checked').map((i, c) => $(c).val()).get().join(",") + "'") +"&";

以下の形にしたいです。
上記の結果は以下の形になります。

"A,B,C"

上記の形ですと、この後テキストにして編集する際に空白になりできないので、これをシングル囲みたいです。

'A,B,C'

Comments

[m.ts10806]

ちょっと意味が分かりません。
どういう情報をもとにどうなるのを望んでいるのでしょうか。具体例を出してください。

[m.ts10806]

そもそも　.area input:checkbox:checked　で想定の要素は取れていますか？
他者にはHTMLが提示されていないので判断できません（ただ、あまり見ない指定の仕方です）

[退会済みユーザー]

申し訳ないです。記載間違っていたので修正しました。url→returl
取得問題なくできていて、結果は"A,B,C"と得られます。
ただ、再度テキストにして編集しようとすると、消えてしまうので、シングルクォーテーションにすると編集できました。
また、こちらを囲んでいるのはCSVファイルにダウンロードするときに、1カラムに入れる為です。
宜しくお願いします。

[m.ts10806]

>申し訳ないです。記載間違っていたので修正しました。url→returl

そこだけ変更されてもこちらが欲しい情報になっていませんし、この内容だけなら変数名は別にaでもtestでも影響がないです。
HTMLも含めて、JavaScriptも全体提示してください。

Answer 1

シングルクォーテーションで括れない

コメントを受けて訂正）
括れないのではなく、無効なセレクタを書いているため意図した jQueryオブジェクトが返却されていないものと思います。

※__標準の__疑似セレクタに :checkbox という語はありません。

MDN

• 疑似要素 プレフィックスのコロン記号(:)が２つ
• 擬似クラス プレフィックスのコロン記号(:)が１つ

標準の擬似要素/擬似クラスの索引 というセクションを確認してください。

---

ワンライナーで混乱する場合は、インデント構成に整形し直して確認してください。

retURL = "u=" +
  encodeURI(
    "'" +
    $('.area input[type="checkbox"]:checked') // :checkbox => [type="checkbox"]
      .map((i, c) => $(c).val())
      .get()
      .join(",") + 
    "'"
  ) +
  "&";

結果は　"A,B,C" となるが、'A,B,C' としたい。

let
  a = encodeURI("A,B,C"),
  b = encodeURI("'A,B,C'"),
  c = "'" + encodeURI("A,B,C") + "'"
;

console.log( a ); // "A,B,C";
console.log( a.split(",") ); // => ["A","B","C"];

console.log( b ); // "'A,B,C'";
console.log( b.replace(/^(\')([^\1]+)\1$/g, "$2").split(",") ); // => ["A","B","C"];

console.log( c ); // "'A,B,C'";
console.log( c.replace(/^(\')([^\1]+)\1$/g, "$2").split(",") ); // => ["A","B","C"];

引用符記号を付けるほうが余計な文字列処理が必要なため、扱いづらいように思います。

Comments

[maisumakun]

> ※疑似セレクタに :checkbox という語はありません。

これはjQueryが独自に用意しているセレクタです。

https://api.jquery.com/checkbox-selector/

（もっとも、「input[type="checkbox"]」と属性セレクタですんなり書けるのでそのほうがいいとは思います）

[AkitoshiManabe]

ご指摘ありがとうございます。
> 無効なセレクタを書いているため意図した jQueryオブジェクトが返却されていないものと思います。
は誤答でしたので、訂正しておきます。

[退会済みユーザー]

こちら回答ありがとうございました。
問題なく対応できました。