ReplaceWithを使用してテキストをチェックボックスに置き換える

Question

チェックボックスを含むdivでテキストを置き換えるのに問題があります。私は、次のコードを持っている場合は、テキストが正常に置き換えられます：

<p>Hello</p 
<p class="replaced">Hello</p> 
<p class="replaced">World</p> 

<script> 
$(".replaced").replaceWith("<div>REPLACING TEXT.</div>"); 

</script> 

置き換えるテキストはチェックボックスを含み、しかし、スクリプトが動作を停止します。具体的には、次のように動作しません。

<p>Hello</p 
<p class="replaced">Hello</p> 
<p class="replaced">World</p> 

<script> 
$(".replaced").replaceWith("<div><input type="checkbox" id="fractionsandratioscheck1" class="checkappear"/>REPLACING TEXT.</div>"); 

</script> 

誰かがこれを修正する方法を説明できる場合は、私はそれを感謝します。ありがとう！

Answer 1

あなたの問題は、あなたのジャバスクリプト内のhtml "を使用していることである"

$(".replaced").replaceWith("<div><input type="checkbox" id="fractionsandratioscheck1" class="checkappear"/>REPLACING TEXT.</div>"); 

それがこの

$(".replaced").replaceWith('<div><input type="checkbox" id="fractionsandratioscheck1" class="checkappear"/>REPLACING TEXT.</div>'); 

Answer 2

ようになるはずです、あなたは、この文字列の中に引用符を交互に使用する必要があります。

$(".replaced").replaceWith("<div><input type='checkbox' id='fractionsandratioscheck1' class='checkappear'/>REPLACING TEXT.</div>");//escape string properly

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>Hello</p 
 
<p class="replaced">Hello</p> 
 
<p class="replaced">World</p>

OPと

唯一の問題は、""''

に変更しています