「\0」という文字列の正規表現について

Question

正規表現について質問です。
Javascriptで「\0」という文字列を空文字に置き換えたいのですが上手くいきません。
null文字にマッチさせるために「\0」という特殊文字が規定されているのですがこれが関係しているのでしょうか。

正常させるためにはどのようにしたらよいでしょうか？

上手くいかないコードは下記となります。

<span>\0</span>

$(function() {
  $('#sysItemDetail').each(function(){
    var replaceTxt = "";
  var txt = $(this).html();
$(this).html(txt.replace(/\0/g,replaceTxt));
  });
});

結果としてこのようなHTMLに変更したいです。

<span></span>

Answer 1

\をエスケープして下さい
\0 → \0

$(this).html(txt.replace(/\\0/g,replaceTxt));

Comments

[YutaIchikawa]

回答ありがとうございます。
----
\をエスケープして下さい
\0 → \\0
----

上記上手くいきませんでした。おそらく通常は上記で対応可能だと思います。
しかし上手くいかない理由として実はこちらに落ち度があります。
質問では<span>\0</span>と書いてましたが
より具体的には以下のようなコードとなります。

-----
<div class="sysItemRetailPrice">
商品単価：¥<span data-sub-retail-price="">0</span>
<span class="sysTaxText">(税込)</span>
</div>

<script>
$(function() {
$('span').each(function(){
var replaceTxt = "";
var txt = $(this).html();
$(this).html(txt.replace(/\0/g,replaceTxt));
});
});
</script>
-----
今、気づいたのですが正規表現はレンダリング後の文字列ではなくレンダリング前のHTMLに対して適用されるみたいですね。

[kunai]

\がマッチしないという事については\を\\とエスケープするというところで解決しているかと思います。
あとは正規表現を作りなおすだけで行けるはずですが、コメントにあるコードでは「id:sysItemDetail」が見当たらないので、正確なコードをいただけないとこちらで正解コードを出すのは難しいです。

要件も質問文とは異なるという事ですよね。
商品単価：¥<span data-sub-retail-price="">0</span>
を
商品単価：<span data-sub-retail-price=""></span>
にしたいという事でしょうか。
その後の
<span class="sysTaxText">(税込)</span>
も消したいのでしょうか。

[YutaIchikawa]

コメントありがとうございます。
そうですね。要件が異なります。コメントに書いた方が本来解決したいコードとなります。混乱させてしまい申し訳ありません。

id:sysItemDetail」こちら「span」が正しいのでセレクタを直しました。

-----
要件も質問文とは異なるという事ですよね。
商品単価：¥<span data-sub-retail-price="">0</span>
を
商品単価：<span data-sub-retail-price=""></span>
にしたいという事でしょうか。
その後の
<span class="sysTaxText">(税込)</span>
も消したいのでしょうか。
------
そうです。
上記HTMLのレンダリング後の表示「商品単価：¥0 (税込)」を消したいという要件となります。

[YutaIchikawa]

<span data-sub-retail-price="">0</span>
の要素の内容が「0」の場合、
<div class="sysItemRetailPrice">コード</div>
を非表示にするという方向で一度考えてみます。