使用jQuery＆amp; amp;将Bootstrap模态标题设置为图像剃刀

Question

我试图用jQuery设置模态标题。我希望标题是：文字+小图片+文字。

这是我迄今为止所尝试过的：

$(".ModalTitle").text('textblabla' + @Html.Raw("<img src=\"image.png\" />") + textblabla);

这并没有给我任何错误，但当我启动网站并检查控制台时，它说：

未捕获的SyntaxError：意外的令牌＆lt;

如何解决这个问题？

编辑：我不认为我逃脱了最后一次＆＃34;在图片网址之后..

Answer 1

Pete的评论可能提供最简单的答案。如果您的内容更复杂，可能会更清楚地分开3个操作：

$('.ModalTitle')
  .html('<img src="image.png" />')
  .prepend('Text before the image. ')
  .append(' Text after the image.');

<强> Demo

使用JavaScript的单引号和HTML的双引号可以防止需要反斜杠转义。