スラッシュ等を含むIDのHTML要素へアクセスする方法

Question

下記のように、スラッシュなどの記号を含むIDのHTML要素へのアクセス方法はないでしょうか？

<div id="point-abc/company">ABC</div>

console.log($("#point-abc/company"));

Error
Uncaught Error: Syntax error, unrecognized expression

Answer 1

「スラッシュ」と書くからおかしいのであって「バックスラッシュ」のエスケープも必要なら
それなりのかきかたになります

<script>
$(function(){
  console.log($("#point-abc\\\/company").length);
});
</script>
<div id="point-abc/company">ABC</div>

「\」は文字列表記するために「\」になり、それをエスケープするから「\」です
くわえて「/」が「/」になるのでエスケープして「/」結果「\」は6個必要です
エスケープ関数を使うとこう

  console.log($("#"+CSS.escape("point-abc\/company")).length);

Answer 2

console.log($("#point-abc/company"));

Comments

[balls]

早速のご回答ありがとうございます。
エラーは出なくなりましたが、要素が取得できていないようです。

[hentaiman]

出来ますよ
質問文に書いてある事以外の部分で問題があるのでしょう

[balls]

上のコードのみのhtmlでテストしてみたのですが、console上で取得できているように表示はしているのですが、実際は、lengthが0でした。

[hentaiman]

たしかに
スラッシュしか確認せずに回答したのでこっちで
console.log($('#point-abc\\\/company').text());

[balls]

表示できました。ありがとうございました。