jquery - 使用 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

您的问题是您在 javascript "中使用了 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>');