フォーム フィールドセット テンプレートを生成し、非表示の要素内に保存する必要があるサイトがあります。ユーザーがフォームにさらにフィールドセットを追加する必要がある場合、テンプレートが読み込まれ、既存のフォームの下部に挿入されます。テンプレートが jQuery セレクターに干渉しないようにするために、すべての小なり記号と引用符をそれぞれ %LT!% と %QOT!%に置き換えました。挿入されていましたが、何らかの理由で機能していません。
コードで状況を表示するには:
HTML:
<div id="test">
%LT!%span id=%QOT!%testing%QOT!%>Hello%LT!%/span>
</div>
<span id="target"></span>
JS:
htmlstring = $("#test").html();
htmlstring = htmlstring.replace(/%LT!%/g, '<');
htmlstring = htmlstring.replace(/%QOT!%/g, '"');
$("#target").before(htmlstring);
2 行目に小なり記号がある限り、機能しません。代わりに他のキャラクターを配置しても問題なく機能しますが、そのようにページには何も追加されません。何が起きてる？